如何在React框架中使用SpreadJS

第2步：为Spread.Sheets创建一个React类

接下来，在页面中添加一个脚本元素。我们将把所有的代码放在这里：

然后，为Spread.Sheets定义一个React组件，以便我们可以定义一个扩展React.Component的类：

 class ReactSpreadJS extends React.Component{
    }

该类需要在其中定义componentDidMount和render函数。componentDidMount函数在组件被挂载后立即被调用，所以我们用它来初始化Spread实例：

 componentDidMount() { //In the DidMount life cycle, we initialize Spread Sheet instance, and the host is defined in the Component template. let spread = new GC.Spread.Sheets.Workbook(this.refs.spreadJs, {sheetCount: 3}); if(this.props.workbookInitialized){ this.props.workbookInitialized(spread);
        }
    }

接下来，在渲染函数中定义Spread.Sheets DOM元素：

 render() { //Define the Spread.Sheets DOM template return(
            );
    }

第3步：为组件创建一个应用程序类

首先，通过App类定义应用程序React组件：

 //Define the application react component. class App extends React.Component{
    }

接下来，添加一个您将调用ReactSpreadJS组件的渲染函数：

 render(){ //In the root component, it include one ReactSpreadJS component. return(  {console.log(spread)}}>