请描述 Redux 中数据从发起更新到界面渲染所经历的状态流转步骤。
考察说明
考查对 Redux 单向数据流核心机制的理解。
回答思路
- 【回答框架 1】Redux 数据流是严格的单向流动，由 action 发起、reducer 计算、store 更新、视图订阅响应四步构成，保证状态变化可预测。
- 【回答框架 2】组件通过 dispatch(action) 发出描述意图的普通对象，action 必须包含 type 字段，可携带 payload；中间件如 redux-thunk 可在此层处理异步逻辑。
- 【回答框架 3】store 收到 action 后调用 reducer，reducer 是纯函数，接收当前 state 和 action，返回新的 state；不能直接修改原 state，需返回新对象。
- 【回答框架 4】store 保存新 state 并通知所有订阅者，React 组件通过 connect 或 useSelector 订阅，触发重新渲染；渲染过程中可再次 dispatch 形成循环。
- 【回答框架 5】整个过程同步完成时状态可回溯，配合 DevTools 可记录每次 action 与 state 快照，这是调试与时间旅行的基础。
- 【关键点 1】单向数据流：dispatch action 到 reducer 再到 store 更新与视图渲染。
- 【关键点 2】reducer 必须是纯函数，返回新 state 而非修改原对象。
- 【关键点 3】React 组件通过 useSelector 或 connect 订阅 store 变化触发重渲染。
- 【关键点 4】异步逻辑放在 action creator 或中间件中，reducer 保持同步纯函数。
- 【易错点 1】误以为 reducer 可以直接修改 state 并依赖引用变化导致不更新。
- 【易错点 2】混淆同步数据流与异步中间件的关系，将副作用写在 reducer 内。
- 【易错点 3】忽略组件订阅粒度，导致不相关组件频繁重渲染。