React 项目初始化

1.安装构建工具

npm install -g create-react-app

2.构建项目

create-react-app ProjectName

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!