组件之间数据传递

图片发自简书App

图片发自简书App
redux是js状态容器,提供可以预测的状态管理
react中安装
npm install --save redux
流程图:

图片发自简书App

图片发自简书App

图片发自简书App
放在store文件夹下
index.js

图片发自简书App
reducer.js
reducer是一个纯函数

图片发自简书App
actionTypes.js

图片发自简书App
actionCreator.js

图片发自简书App
TestAntd.js调用store中的数据,并对数据list进行操作增加删除
store.subscribe()订阅,当store中的数据发生变化时,要调用方法更新组件中的state

图片发自简书App

图片发自简书App