9、React Context 使用指南：从主题系统到全局状态管理

React Context 使用指南：从主题系统到全局状态管理

1. React Context 简介

React Context 是一种强大的工具，它允许我们跳过中间步骤，直接将数据传递给需要的组件。在大型应用中，当我们需要在多个层级之间传递 props 时，Context 就显得尤为有用。

2. 通过 Context 实现主题系统

2.1 React Context 组成部分

React Context 由三部分组成：
- 上下文本身 ：定义默认值，并允许我们提供和消费值。
- 提供者（Provider） ：提供（设置）值。
- 消费者（Consumer） ：消费（使用）值。

2.2 定义上下文

以下是定义上下文的步骤：
1. 复制文件夹：

$ cp -R Chapter04_2 Chapter05_1

2. 在 VS Code 中打开新文件夹 Chapter05_1 。
3. 创建 src/contexts/ 文件夹。
4. 创建 src/components/ 文件夹。
5. 将 src/post/ 和 src/user/