react的context和contextType

Context 是 React 提供的一种用于在组件树中共享数据的机制。

它允许您在组件之间传递数据，而不需要手动通过 props 层层传递。
Context 包括两个主要的组件：Context.Provider 和 Context.Consumer。

ContextType 用于订阅单一的 context

设置 class.contextType 为 React.createContext() 创建的 context 对象，有两种方式：

const MyContext = React.createContext(defaultValue)
class NewClass extend React.Component {
	render() {		
	     const value = this.context
	}
}
NewClass.contextType = MyContext

const MyContext = React.createContext(defaultValue)
class NewClass extend React.Component {	
      static contextType = MyContext
      render() {		
          const value = this.context
      }
 }

需要注意的是，ContextType 只能用于类组件，并且仅适用于订阅单个上下文类型。如果组件需要订阅多个上下文类型，或者需要在函数组件中访问上下文数据，可以使用 Context.Consumer 或 useContext 钩子函数来实现。

另外，使用 ContextType 需要确保组件位于 Context.Provider 的子组件树中，以确保能够获取到正确的上下文数据。如果组件未位于相应的 Context.Provider 下，this.context 的值将为上下文类型的默认值（如果提供），或者为 undefined。