共计 528 个字符,预计需要花费 2 分钟才能阅读完成。
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 组件中输入了全局的数据
// 本期的教程到了这里就完结啦, 是不是很简略! 让咱们一起致力走向巅峰!
正文完