脚本宝典收集整理的这篇文章主要介绍了React 项目初始化,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1.安装构建工具
npm install -g create-react-app
2.构建项目
3.安装redux
npm install redux --save
npm run eject 弹出配置文件 可自定义配置webpack
4.安装异步处理 redux-thunk
npm install redux-thunk --save
使用applyMiddleware开启 thunk中间件
5.安装连接 react-redux
npm install react-redux --save
React-redux 提供 Provider和connect 两个接口来连接
Provider组件在应用最外层,传入Store即可,只用一次
Connect负责从外部获取组件所需的参数
6.安装装饰器
npm install babel-plugin-transform-decorators-legacy --save-dev
package.JSON 的 babel 中加入
"plugins": [ "transform-decorators-legacy" ]
connect的使用变得简洁
@connect(
(state) => {{num: state}}, // 属性
{ addGun, removeGun, addGunAsync } // 方法
)
7.React-Router 4
npm install react-router-dom --save
以上是脚本宝典为你收集整理的React 项目初始化全部内容,希望文章能够帮你解决React 项目初始化所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。