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 组件中输入了全局的数据
//本期的教程到了这里就完结啦,是不是很简略!让咱们一起致力走向巅峰!