react中的createContext, useContext用法

import React, { createContext, useContext } from 'react';

// 创建一个上下文

const ThemeContext = createContext('light');

// 在某个父组件中提供上下文的值

function App() {

  return (

    <ThemeContext.Provider value="dark666">

      <Toolbar />

    </ThemeContext.Provider>

  );

}

// 在子组件中使用 useContext 来访问上下文的值

function Toolbar() {

  const theme = useContext(ThemeContext);

  return <div>当前的主题是：{theme}</div>;

}

export default App;