Redux Toolkit 是一个官方推荐的状态管理工具,用于简化 Redux 应用程序的开发。它提供了一种更简洁、更强大的方式来管理 Redux 状态,并且集成了一些常用的工具,如 immer、reselect 等,使得开发者可以更快速地构建和维护 Redux 应用程序
下面是一个简单的 Redux Toolkit 配置流程:
1. 安装Redux-toolkit:
npm i react-redux @reduxjs/toolkit | yarn add react-redux @reduxjs/toolkit
2. 在src文件夹下创建一个store文件夹,并创建Slice文件:
3. 然后创建index文件:
4. 最后在index入口文件全局配置redux:
在组件中使用:
通过 useSelector
和 useDispatch
hooks 来使用和修改 Redux store 中的状态
至此 , redux-toolkit配置完成 , 有不懂的小伙伴可以私信我。