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

Question

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

标签： reactjsclassfunctional-programminglifecycle

Answer 1

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

小费

如果你熟悉 Hooks 之前的上下文 API，useContext(MyContext)就相当于static contextType = MyContext在一个类中，或者在<MyContext.Consumer>.

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