React 項目初始化

2023年3月10日 172次阅读 来源: _Suqin

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

    原文作者：_Suqin
    原文地址: https://segmentfault.com/a/1190000014918582
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞