m0_71955188的博客

1.Redux 是一个状态管理库，它本质上是一个 JavaScript 的对象，存储着整个应用的状态。在 Redux 中，dispatch 方法可以触发 action 的执行，从而进而更新 store 中的状态。 2.Redux 本身并不具备执行异步操作的能力，但是通过引入中间件机制，可以实现异步操作。Redux 中最常用的异步处理方式是通过 Redux Thunk 或 Redux Saga 中间件来实现。下面是它们的实现原理： 3.Redux Thunk 中间件实现原理：Thunk 中间件允许 dispa

同步action： 创建方式： 同步action是通过调用action创建函数直接返回一个包含type和payload等属性的普通对象。 执行方式： 同步action会立即执行被发送到reducer，通过reducer更新应用的状态。 异步action： 创建方式： 异步action是通过使用中间件，(例如:Redux-Thunk、Redux-saga )等，来处理的，异步action创建函数返回一个函数，在这个函数中可以进行异步操作，并最终通过dispatch发送一个或者多个action。 执行方式： 异

Redux-saga： 处理方式： Redux-saga使用了Generator函数来处理异步操作，通过监听特定的action类型，可以执行更复杂的异步流程控制，例如：并行请求、取消请求等。 使用场景： Redux-saga适用于复杂的异步操作场景，例如：需要处理多个依赖关系，需要取消请求，需要处理复杂的流程控制等。它提供了更强大的工具和语法来处理一哦不操作，单页相对复杂一些。 Redux-Thunk： 处理方式： Redux-Thunk允许action创建函数返回一个函数，在这个函数中可以执行异步操作，并

使用命名空间： 给每个模块或组件action-type添加一个独特的前缀或命名空间，以确保其唯一性，例如：可以在定义action-type常量时候加上模块的名换或路径作为前缀。 使用字符串常量拼接： 将action-type的各个部分拼接成一个字符串常量，确保其唯一性，可以使用字符串拼接运算或模版字符串字面量来实现。 使用工具库： 使用工具库来生成唯一的action-type常量。例如：可以使用uuid库来生成唯一标识符作为action-type。

@redux.js/toolkit是Redux官方提供的一个官方工具包，只在简化和改进使用Redux的开发流程。它提供了一系列功能和工具，可以更轻松的定义Redux的状态管理和操作逻辑。 以下是对@redux.js/toolkit的理解： 简化的API：@redux.js/toolkit提供了一些简化的API，例如createSlice用于生成Redux的slice(包含reducer和action)；configgureSstore用于创建Redux的store；createAsyncThunk用于处理异

在react中每个组件的state是由自身进行管理，包括组件定义自身的state、组件之间的通信通过props传递、使用Context实现数据共享等，如果让每个组件都存储自身相关的状态，理论上来讲不会影响应用的运行，但在开发及后期我们将比较难以维护，所以我们可以把数据进行集中式的管理，redux就是一个实现上述集中管理的容器的工具，redux并不是只应用在react中，还与其他界面库一起使用，如Vue。

Redux 的核心思想是将应用的状态（即数据）存储在一个全局的单一状态树中，并使用纯函数来描述状态的变化。这个单一状态树被称为 Redux store，而描述状态变化的纯函数被称为 reducer。通过 reducer，我们可以描述一个个离散的 action，根据 action 的类型来变更状态，并生成新的状态。Redux 的工作流如下：应用中的组件通过调用 action creator 创建 action 对象。Action 对象中必须有一个 type 属性，用于描述要执行的操作。

综上所述，Redux 是一个独立的状态管理库，React-Redux 是将 Redux 集成到 React 应用程序中的库。React-Redux 提供了特定的组件和 API，以更好地与 React 组件一起使用 Redux，简化了 Redux 在 React 中的应用。

redux Thunk：通过npm add redux-thunk安装redux-thunk库，在store中，创建store时候、引入applyMiddware方法来使用resux-thunk在组件使用异步actionredux Saga：通过npm add redux-Saga安装组件redux-saga库，拆件一个saga文件用于处理异步操作，在创建store时候将saga作为中间件应用，创建对一个的action，在组件中使用异步的action。