Context API 是 React 提供的一种跨组件传递数据的机制，用于解决在组件树中“props drilling（属性逐层传递）”的问题。 --- 一、什么是 Context API？ 在 React 应用中，如果某个数据（如用户信息、主题设置、语言偏好等）需要在多个层级较深的组件中共享，常规做法是通过 props 从顶层组件一层层往下传： 这种方式会导致中间组件被迫接收并传递一些它们本身并不需要的 props，代码冗余且难以维护。 Context API 允许你在组件树中创建一个“上下文”，使得任意层级的子组件都可以直接访问该上下文中的数据，无需显式地通过 props 传递。 基本用法： 1. 创建 Context： 2. 提供数据（Provider）： 3. 消费数据（Consumer / useContext Hook）： - 使用 （推荐）： - 或使用 （旧方式）。 --- 二、它解决了什么问题？ ✅ 主要解决的问题：Props Drilling - 问题：当数据需要传递给深层嵌套的组件时，必须逐层传递 props，即使中间组件不需要使用该数据。 - 后果：代码...
播面