react中redux原理

React 中 Redux 的基本原理是一种状态管理框架，主要用于单页面应用 (SPA) 中维护数据流的一致性和可预测性。Redux 主要有以下几个核心组件：

1. **Store**（存储）：它是整个应用的数据仓库，保存着全局的状态。Store 是一个单一来源的事实，所有的动作 (Actions) 都会被发送到 Store，然后更新状态。

2. **Reducer**（纯函数）：Reducer 是一个接收当前状态和一个 Action，然后返回新状态的函数。它必须满足纯函数的要求，即给定相同的输入，始终返回相同的输出，并且不会修改外部状态。

3. **Action**（动作）：是描述应用程序状态变化的不可变对象，通常包含一个 type 和 payload（可选）。通过触发 Action，你可以改变应用的状态。

4. **Dispatcher**（调度器）：不是 Redux 内置的一部分，但在实践中通常用于分发 Actions。它是一个简单的中心化发布者，负责将 Actions 发送到感兴趣的组件或 Reducer。

5. **Connect**（连接）：React 提供的 Higher-Order Component（HOC），使得组件能够访问 Store 的状态并响应状态的变化。当状态发生变化时，`connect` 会自动重新渲染组件。

Redux 的工作流程通常是这样的：
- 用户操作引发 Action。
- Action 被发送到 Dispatcher，传递给 Store。
- Reducer 接收到 Action 和旧状态，计算出新的状态并返回。
- Store 更新了状态，触发 `store.subscribe` 注册的回调（如组件的 `componentDidUpdate`）。
- 通过 React 的 `setState` 或其他类似机制，更新 UI 显示新状态。