导入
简介
让我们来看一下如何有效地创建全局变量，以便在应用程序中轻松传递和使用。
什么是 Context API？
React 的 Context API 长期以来一直被视为一种次要的补充功能。它最初以原型形式实现，并作为实验性功能引入，直到 React 16.3 版本才被正式加入。
Context API 的设计目的是在组件与数据消费者之间共享数据，而无需通过整个组件树逐层传递 props。这种方式对于语言设置或全局样式方案（主题 Theme）等场景非常有用。
Context API 主要包含两个核心部分：
- Context Provider（提供者）
- Context Consumer（消费者）
Provider（提供者） 作为对应数据结构的中心实例，负责提供数据；而 Consumer（消费者） 可以在应用的任意位置读取并使用这些数据。它形成了一种“半全局”的数据实例，其作用范围仅限于组件层级结构中的特定部分。
需要注意的是，Context 中的数据结构并不局限于简单类型。它不仅可以是字符串或数组，也可以是复杂的对象。一个应用可以拥有任意数量的 Context（例如，一个用于用户选择的语言，一个用于样式主题等），并且同一个 Provider 可以使用不同的值被多次复用。但我们还是逐步来理解更为稳妥。