一 配置基础环境

1、使用CRA快速创建React项目: npx create-react-app react-redux

2、安装配套工具: cd react-redux , npm i @reduxjs/toolkit react-redux

3、启动项目:npm run start

二 store目录结构设计

1、通常集中状态管理的部分会单独创建一个单独的store目录

2、应用通常有很多个字store模块,所以创建一个modules目录,在内部编写业务分类子store

3、store入口文件index.js的作用是组合modules中所有的子模块,并导出store

 三 React Redux

1、在React store中配置counterStore模块

 

2、在React store中配置根store并组合counterStore模块

 

3、在React组件中注入store

 

4、在React组件中使用store的数据-useSelector

5、在React组件中修改store的数据-useDispatch

 四 异步使用Redux