React-Redux 的最新实现 Redux-Toolkit 你用了吗

介绍

使用过React的人，一定对Redux这个Javascript状态容器很熟悉，就算后面React官方提供了React的绑定库React-Redux,依然没有解决代码冗余，依赖过多的问题，给开发者带来不少学习跟开发成本。于是乎，Redux-Toolkit这个库横空出世，成为最新的状态管理的标准，并致力于解决以下三个难题。

• “Configuring a Redux store is too complicated” 配置Redux复杂
• “I have to add a lot of packages to get Redux to do anything useful” 安装依赖过多
• “Redux requires too much boilerplate code” 样板代码过多

基于官网的Create-React-App的TypeScript项目，给各位介绍一下如何实现Redux-Toolkit，关于更复杂一点的中间件的实现会在下一篇文章讲述。

步骤

安装依赖

npm install @reduxjs/toolkit react-redux 

在Reactv7.2.3之后，react-redux已包含@types/react-redux，如果是低版本，需手动安装@types/react-redux

定义Store对象，以及输出 获取参数getState,获取方法dispatch的类型

在Src下新建一个文件夹store, 在里面新增一个入口文件index.ts，其中在index.ts中引入各个模块。