笔记：2020.7.21 React配置redux及其持久化

笔记：2020.7.21 React配置redux及其持久化

redux所需安装插件

npm i redux react-redux redux-thunk --save
npm i @types/react-redux

持久化所需安装插件

安装方式两种：npm install --save redux-persist / yarn add redux-persist

未配置持久化时代码

1. src>store>index
   
2. src>views>组件内代码
   
   
3. src>reducers>对应组件代码
   
4. src>reducers>index 将所有组件的reducer集中管理
   
5. src>actions>对应组件代码实例
   
6. src>actions>index 将其他组件操作集中管理
   
7. src>index
   

配置持久化时各模块代码

1. src>store>index
   

2. src>views>组件内代码
   
   

3. src>reducers>对应组件代码 前后无任何变化

4. src>reducers>index 将所有组件的reducer集中管理 前后无任何变化

5. src>actions>对应组件代码实例 前后无任何变化

6. src>actions>index 将其他组件操作集中管理 前后无任何变化

7. src>index