在reactjs功能组件中实现contextType的正确方法是什么？

Question

在reactjs 16 ...版本中，添加了contextType属性，并鼓励使用功能组件。但是由于某种原因，似乎没有任何关于将两者一起使用的文档。找到的唯一示例是将contextType与类组件结合使用的示例。 有没有人有在功能组件结构中使用contextType的示例？

Answer 1

使用useContext()挂钩。来自React文档：

  

提示

     

如果您在Hooks之前熟悉上下文API，useContext(MyContext)等效于类中的static contextType = MyContext或<MyContext.Consumer>。

     

useContext(MyContext)仅允许您读取上下文并订阅其更改。您仍然需要树上的<MyContext.Provider>来提供此上下文的值。