年份悠闲而危险。我们总是在自然而然地使用通往生活之路的荆棘，但他们很少承认，在履行所有力量和无所作为之后，真实的事情自然是自然而然的。
我已经使用了Vuex，然后我觉得Redux自己的感觉是，Redux的写作太复杂且太分散了，与Vuex汇总的所有内容不同。但是现在Redux已正式推出了Redux Toolkit，并且写作非常令人耳目一新，写作非常令人耳目一新。从那时起。
Redux是一种模式和工具库，在使用称为“ Action”的事件中，在集中式状态下管理和更新应用程序状态的应用程序状态。
Redux Toolkit是官方推荐的编写Redux Logic的方法。它包含我们必不可少的软件包和用于构建Redux应用程序的功能。Redux工具包的构造简化了大多数Redux任务，可预防常见错误，并且可以更轻松地编写Redux应用程序。说Redux工具包是REDUX的最佳实用方法。
为了促进后续内容，Redux工具包称为简称RTK
我个人认为，学习的最佳方法是查看官方文件：官方中国文件，官方英语文件。
实际上，正式文档中实际上提供了完整的RTK项目创建命令，但让我们从基金会的基础中学习。
那么，您要如何手动构建RTK项目？
直接在此处创建一个React项目，然后我们开始如何再次使用RTK
创建项目后，我们开始安装与RTK相关的内容
为了促进我们的开发，建议安装Redux开发工具：Redux-devtools。应该注意的是，在Chrome浏览器中，我们还需要安装相应的插件：Redux-devtools要使用。
安装相关软件包后，开始编写基本RTK程序
内容结构如下：
相关代码如下：
开发基本代码后，我们需要查看是否可以应用于页面。首先将商店添加到整体情况中，如下所示：
相应的代码如下：
添加整体情况后我们如何使用？如下所示：
相关代码如下：
在这一点上，RTK的使用已完成，其效果是看到：
上面的项目是固定和减少的，那么如果我们想尽可能多地添加，它需要继续传递。如何传递？
就像Redux的传记一样，如下所示：
相关代码是：
接收参数的方法与redux相同。我们可以通过操作接收参数，如下所示：
相关代码如下：
写作后，效果如下：
异步请求在我们的项目中至关重要，如何达到异步请求？
在这里，我“窃取”了电影列表界面。让我们重新打开切片以查看如何实现多个模块的RTK。如下所示：
相关代码是：
然后将其引入正门：
应用程序也是如此，如下所示：
相关代码是：
看看特定效果：
createAsyncthunk可以创建一个异步动作，通常用于发出异步请求。方法在触发时将具有三个状态：待处理，实现（成功），拒绝（失败）
Extrueducer允许切片处理其他地方定义的操作，包括由CreateSyncthunk或其他切片产生的操作。
在现在的代码中，我们处理createSyncthunk。接下来，查看如何处理其他切片生成的动作。
看一下如何处理Count Technology.ts中的增量方法，如下所示：下面：
相关代码是：
在完成此事后查看具体效果：
RTK的实施使我们更容易实现REDUX，并且说出目前的最佳实践并不夸张。
在熟悉如何使用RTK之后，让我们看一下正式提供一键单击的官方RTK应用程序。
创建新的React Redux应用程序有两种方法，两者都基于Create React应用程序。它使用Redux工具包和Redux的集成以及React组件。
就个人而言，我认为对React和TS进行了比较。在这里，您使用Redux + TS模板来创建外观。也有喜欢纱线的人，因此在这里使用纱线方法：
安装完成后，您可以看到我们基本上需要的一些袋子可用，如下所示：
从项目结构来看，我们发现与普通React项目相比，我们还有两个文件夹：SRC中的应用程序和功能。如下所示：
您可以看到内部的结构。该应用程序实际上是两个入口文件，一个是钩子，另一个是商店。它们实际上是我们自己构建的RKT项目下的index.ts.ts.ts.ts.ts.
打开功能文件后，您可以看到一个文件夹在内部进行。实际上，这可以理解为一组不同的切片。目前，官方示例是一个计数器，因此将其分为计数器文件夹。
分析计数器文件夹中的代码：
特定结构如下：
看一眼：
效果如下所示：
此时，引入了整个RTK的使用。总体而言只是一个基本解释。如果需要在项目中使用RTK，则需要仔细研究官方文件。
如果您有帮助，请记住Sanlian！???
原始：https：//juejin.cn/post/7101688098781659172