Redux ToolkitRTK是 Redux 官方推荐的编写 Redux 逻辑的方法旨在解决 Redux 编写代码过于繁琐和分散的问题。

安装

npm install @reduxjs/toolkit

直接安装 Redux Toolkit 即可不需要再安装 Redux。

核心 API

configureStore()

configureStore()用于创建 Store该方法相当于集成了 Redux 的 createStore() 和 combineReducers() 方法。

接收一个对象作为参数包含以下内容

1. reducer对象类型。可以接收多个 reducer 函数。
2. middleware对象类型。可以接收多个中间件。

   默认集成了 redux-thunk 和 redux-devtool 中间件。

3. devTools布尔值类型。是否开启 devTools 工具默认为 true。

createSlice()

createSlice()创建一个 slice 片段。

接收一个对象作为参数包含以下内容

1. name字符串类型。标记 slice。
2. initialState对象类型。初始化的 State 值。
3. reducers对象类型。相当于之前的 Reducer 函数。对象中可以添加任意多个函数会接收到 State 和 Action 作为其参数返回对应的 State 值每一个函数就相当于之前 Reducer 函数中的一个 case 语句。

返回值是一个对象。