只需3分钟，就能轻松创建一个SpreadJS的React项-创新互联

概述

SpreadJS 纯前端表格控件 V11.2(SP2) 已经全面支持了 React 的拓展。接下来我们看下如何利用3分钟快速创建一个 SpreadJS 的 React 项目。

为七台河等地区用户提供了全套网页设计制作服务，及七台河网站建设行业解决方案。主营业务为成都网站制作、成都做网站、七台河网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

1.新建React 项目（耗时 1 Min）

直接运行：npx create-react-app react-spread-sheets

还不清楚什么是npx？请点击这里了解一下《What Is npx?》

cd react-spread-sheets npm start

访问 http://localhost:3000 查看效果

2.导入 Spread.Sheets React 组件（耗时 30 S）

npm install @grapecity/spread-sheets-react

如果您需要 excel 导入/导出、chart 图表、打印或者 pdf 导出功能，可以选择导入相应的SpreadJS组件，具体请查看https://www.npmjs.com/~grapecity。

3.页面添加 Spread.Sheets 元素（耗时 30 S）

导入Spread.Sheets

import {SpreadSheets, Worksheet, Column} from '@grapecity/spread-sheets-react'; import '@grapecity/spread-sheets/styles/gc.spread.sheets.excel2016colorful.css';

添加构造器

constructor(props){ super(props); this.hostStyle = { left: "20px", right: "20px", position: "absolute", textAlign: "left" }; var self = this; this.workbookInitialized = function(workbook){ self.spread = workbook; console.log(workbook.getSheetCount()); } }

添加模板

<div style={this.hostStyle}> <SpreadSheets workbookInitialized={this.workbookInitialized}></SpreadSheets> </div>

启动 Npm（耗时 1 Min）

workbookInitialized 是 spread 初始化完成后的回调事件，我们可以在事件中得到初始化好的 workbook 对象。

添加部署授权需要同时给 Sheets 和 ExcelIO 同时添加，部署授权可以在全局 config 中配置。

只需 3 分钟，一个SpreadJS的 React 项目就创建完成了，当然纯前端表格控件 SpreadJS 的强大不仅于此，去实际试用感受一下吧

关于葡萄城：

赋能开发者！葡萄城公司成立于 1980 年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构，面向全球市场提供软件研发服务，并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣，在全球被数十万家企业、学校和政府机构广泛应用。

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：只需3分钟，就能轻松创建一个SpreadJS的React项-创新互联
网站路径：https://www.cdcxhl.com/article4/ppeie.html

成都网站建设公司_创新互联，为您提供软件开发、外贸建站、自适应网站、ChatGPT、移动网站建设、品牌网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联