纯干货分享: 如何在 React 框架中使用SpreadJS
作者:葡萄城控件 第1步:设置HTML5页面首先,我们需要在页面中添加对React的引用: <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>SpreadJS React Demo</title>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
"https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
</head>
</html>
在这个页面中,我们将使用Babel的预编译版本(称为babel-standalone),因此我们也会添加一个对此的引用: <script"https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
最后,添加对Spread.Sheets的引用: "http://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.11.0.0.min.js"><link rel="stylesheet" type="text/css" href="http://cdn.grapecity.com/spreadjs/hosted/css/gc.spread.sheets.excel2013white.11.0.0.css">
在我们编写任何脚本之前,我们需要定义一个DIV元素来包含Spread实例。我们称之为“root”。 <div id="root"></div>
第2步:为Spread.Sheets创建一个React类接下来,在页面中添加一个脚本元素。我们将把所有的代码放在这里: "text/babel"> 然后,为Spread.Sheets定义一个React组件,以便我们可以定义一个扩展React.Component的类:
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |