react useContext

React 的 useContext 是一个 Hook，它可以让你读取和订阅组件中的 Context。使用 useContext 需要先创建一个 Context 对象，可以使用 createContext API 来创建。createContext 接受一个初始值作为参数，并返回一个 context 对象。然后，你可以在组件中使用 useContext 来访问这个 context 对象。

下面是一个使用 useContext 的例子：

import React, { useContext } from 'react';

// 创建一个 Context 对象
const ThemeContext = React.createContext('light');

function App() {
  // 使用 useContext 获取 ThemeContext 的值
  const theme = useContext(ThemeContext);

  return (
    <div className={`App ${theme}`}>
      <h1>useContext Example</h1>
      <p>Current theme: {theme}</p>
    </div>
  );
}

export default App;

在上面的例子中，我们创建了一个名为 ThemeContext 的 Context 对象，并将其初始值设置为 'light'。然后，在 App 组件中使用 useContext 来获取 ThemeContext 的值，并将其渲染到页面上。