【React】在 React 组件中，怎么使用useContext

在React中，useContext 是一个Hook，它允许你无需显式地通过组件树的每一层来传递 props，就能将值深入到组件树的任何位置。要使用 useContext，你需要先创建一个 Context 对象，然后使用这个对象提供的 Provider 组件来包裹你的应用中的一部分。然后，任何在这个 Provider 下的组件都可以使用 useContext 来访问这个值。

下面是一个简单的例子说明如何使用 useContext：

1. 创建 Context

首先，你需要使用 React.createContext() 创建一个 Context 对象。

// 创建一个名为MyContext的Context对象
const MyContext = React.createContext(defaultValue); // defaultValue是当没有匹配的Provider时返回的默认值
<