Redux-React环境准备

1、在终端输入

npm i @reduxjs/toolkit react-redux

@reduxjs/toolkit：简化编写redux代码方式

react-redux：中间介，用来连接react和redux

2、查看package.json文件里面有两个包存在代表安装完成

3、在src下创建store文件夹

（1）通常集中状态管理的部分都会单独创建一个单独的'store'目录
（2）应用通常会有很多个子store模块,所以创建一个'modules`目录,在内部编写业务分类的子store
（3）store中的入口文件index.js的作用是组合modules中所有的子模块,并导出store

4、整体路径熟悉

4.1 使用React Toolkit 创建 counterStore

4.2 为React注入store
react-redux负责把Redux和React链接起来,内置Provider组件通过store参数把创建好的store实例注入到应用中链接正式建立

 4.3 React组件使用store中的数据
在React组件中使用store中的数据,需要用到一个钩子函数-useSelector,它的作用是把store中的数据映射到组件中；React组件中修改store中的数据需要借助另外一个hook函数-useDispatch,它的作用是生成提交action对象的dispatch函数