Redux 核心概念与常见面试问题解析
在 React 开发中，状态管理是构建复杂应用的关键。Redux 作为经典的状态管理库，其设计思想与工作流程常出现在技术面试与实际架构选型中。以下整理了常见的核心问题与解答，帮助理解其本质。
Redux 的核心概念
1. 什么是 Redux？它解决了什么问题？ Redux 是一个可预测的状态容器，主要用于解决前端应用中状态管理的复杂性。当应用规模扩大，组件间数据共享变得困难时，Redux 采用'单一数据源'模式，将全局状态收纳在一个单一的 JavaScript 对象（Store）中，确保状态变更的可追踪性。
2. Redux 的三大支柱是什么？
- Action：描述发生事件的普通对象，通常包含 type 属性。
- Reducer：纯函数，接收当前状态和 Action，返回新的状态。它决定了如何根据 Action 更新数据。
- Store：存储应用程序状态的唯一对象，提供 getState、dispatch 和 subscribe 方法。
3. '单一数据源'原则为何重要？ 该原则指整个应用的状态只存储在一个 Store 对象中。这使得调试变得简单，因为我们可以随时查看完整状态快照，也便于实现时间旅行调试等功能。
Redux 的基本工作原理
1. 数据流向是怎样的？ Redux 遵循单向数据流：React 组件触发 Action -> Store 接收 Action -> Reducer 计算新状态 -> Store 更新 -> 组件订阅变化并重新渲染。
2. Action 和 Reducer 的关系？ Action 是事件描述者，Reducer 是事件处理者。Reducer 根据 Action 中的 type 字段判断逻辑分支，返回不可变的新状态对象。
3. 完整的更新步骤？
- 组件通过 dispatch 发送 Action。
- Store 将 Action 传递给根 Reducer。
- Reducer 结合当前状态与 Action 生成新状态。
- Store 通知所有订阅者（通常是连接了 Redux 的组件）。
- 组件获取新状态并重新渲染。
4. 如何处理异步操作？中间件的作用？ Redux 本身仅支持同步操作。中间件提供了在 Action 到达 Reducer 之前的拦截点，用于处理副作用。常见的如 redux-thunk 和 redux-saga。 使用方式通常为编写返回函数的 Action Creator，在函数内部执行异步逻辑，完成后 dispatch 真正的 Action。
Redux 在 React 中的集成
1. 安装与配置流程？
需安装 redux 和 react-redux。在应用入口文件中使用 Provider 包裹根组件，并将 Store 实例传入 props。
2. 如何在组件中访问 Store？ 传统方式是通过 connect 高阶函数或 Hooks（useSelector, useDispatch）。Provider 确保了 Store 对子树可见。
3. connect 函数的作用？ connect 将 Redux 状态映射到组件 Props，使组件能够读取状态并触发 Action。
4. mapStateToProps 和 mapDispatchToProps？
- mapStateToProps：定义如何将 Store 状态映射为组件的 Props。
- mapDispatchToProps：定义如何将 Dispatch 动作映射为组件的回调函数，方便直接调用。
Redux 的高级概念
1. 中间件的机制？ 中间件允许在 Action 分发后、Reducer 执行前进行干预。除了处理异步，还可用于日志记录、路由导航等。Redux 支持链式调用多个中间件。
2. 什么是异步 Action？ 指 Action 创建函数返回一个函数而非对象。这允许在函数内执行 Ajax 请求等异步任务，待完成后 dispatch 标准 Action，保持逻辑一致性。
