redux

redux状态管理工具

组成

1. action 操作方法（用户通过界面进行触发方法）
2. reducer 方法具体实现（用来改变state数据）
3. state 存放数据 （所有数据集中存放的地方）
4. view（整个应用组件界面）

使用

第一步:构建action,通过创建一个函数,然后返回一个对象,注意需要携带type属性
第二步:构建reducer,用来响应action,然后通过return把数据传回给store
第三步:用createStore来创建store,构建的时候需要将我们第二步创建好的reducer传入
第四步:利用store.subscribe()来注册监听
第五步:在组件页面用store.dispatch()发送一个action的时候就会触发监听subscribe，用store.getState()就可以获得数据

具体实现

第一步:src目录下创建reduxs最好不要以这个命名
第二步:reduxs依次创建actios,reducer文件夹以及index.ts
第三步:actions，reducer文件夹下各创建index.js

第四步:在actions->index.ts下撰写action方法

第五步:在reducer -> index.ts下撰写reducer方法

第六步:在reduxs -> index.ts下创建store

第七步:在组件home下使用