React（coderwhy）- 06(RTK)

官方认证新生代农民工_平安喜乐

已于 2023-01-05 18:07:43 修改

阅读量409

点赞数

CC 4.0 BY-SA版权

分类专栏： react 笔记文章标签： react.js 前端前端框架

于 2023-01-05 18:02:28 首次发布

本文链接：https://blog.csdn.net/weixin_60968779/article/details/128563052

笔记同时被 2 个专栏收录

102 篇文章

订阅专栏

react

13 篇文章

订阅专栏

ReduxToolkit是官方推荐的Redux开发工具集，它简化了store配置，提供了createSlice用于自动创建reducer和actions，并通过createAsyncThunk处理异步逻辑。此外，它还支持与React的集成，优化了状态管理的体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

认识ReduxToolkit

认识Redux Toolkit

◼ Redux Toolkit 是官方推荐的编写 Redux 逻辑的方法。

         在前面我们学习Redux的时候应该已经发现，redux的编写逻辑过于的繁琐和麻烦。

         并且代码通常分拆在多个文件中（虽然也可以放到一个文件管理，但是代码量过多，不利于管理）；

         Redux Toolkit包旨在成为编写Redux逻辑的标准方式，从而解决上面提到的问题；

         在很多地方为了称呼方便，也将之称为“RTK”；

◼ 安装Redux Toolkit：
npm install @reduxjs/toolkit react-redux
◼ Redux Toolkit的核心API主要是如下几个：
         configureStore：包装createStore以提供简化的配置选项和良好的默认值。它可以自动组合你的 slice reducer，添加你提供

的任何 Redux 中间件，redux-thunk默认包含，并启用 Redux DevTools Extension。

         createSlice：接受reducer函数的对象、切片名称和初始状态值，并自动生成切片reducer，并带有相应的actions。

         createAsyncThunk: 接受一个动作类型字符串和一个返回承诺的函数，并生成一个pending/fulfilled/rejected基于该承诺分

派动作类型的 thunk