本章我们介绍使用React的Create React App工具,在O2平台中创建React应用。在本例中,我们将列示当前用户的前20条待办,点击标题打开待办;并通过点击按钮启动流程和打开主页。
版本要求
本文适用于如下版本:
- O2OA版本要求:5.1及以上版本;
React版本:本文撰写时,react版本是16.13.1。(更低的版本未经验证)
前提
开发端安装了Node.js,Node >= 8.10, npm >= 5.6
- 有一台O2服务器
- 使用合适的开发工具:WebStorm、VSCode、Atom等(本例使用WebStorm)
创建React应用
您可以使用WebStorm创建一个新的React App,如下图:
或者创建一个空项目,然后使用以下命令创建React应用:
npx create-react-app my-app
cd my-app
创建后目录结构如下:
添加O2脚本引入
在public/index.html的head中添加O2脚本引入:
<script src="../o2_core/bundle.js">script>