乐趣区

关于react.js:React中使用redux

React 中应用 redux

1. 开发环境 react.js
2. 电脑系统 windows 10 专业版
3. 在开发的过程中, 咱们依据我的项目的需要总是须要组件之间的传值, 其实和 vue 中的 store 是一样的! 接下来我先说说怎么应用!

4. 装置命令如下:

npm install --save redux

5. 而后在 src 目录下创立一个目录 Store 文件夹, 具体构造如下:

6.Store 上面 index.js 具体代码如下:

import {createStore} from "redux";
import reducer from './reducer';
const store=createStore(reducer);
export default store;

7.Store 上面 reducer.js 具体代码如下:

const defaultState={chenList:['0','2','3'],
    peng:'200'
}
export default(state=defaultState,action)=>{return state}

8. 实现下面的代码之后, 在应用的 组件 中增加如下代码:

// 接下来你就会发现在 About 组件中输入了全局的数据
// 本期的教程到了这里就完结啦, 是不是很简略! 让咱们一起致力走向巅峰!

退出移动版