Reducer 与 Context 组合

把 reducer 和 Context 拼成一个课程编辑工作区:读写分离的两个 context,多个子组件共享同一份状态。

React核心约 25 分钟
开始学习
学习目标
  • 组合 useReducer 与 Context:状态和 dispatch 分开提供
  • 在编辑工作区里观察一次 dispatch 如何影响多个子组件
  • 解释「只读组件」与「操作组件」的接口差异与重渲染范围
知识点
useReducerContext读写分离状态共享

内容版本 1.0.0,核验于 2026-10-26

Command Palette

Search for a command to run...