反应上下文 - Context.Consumer 与 Class.contextType

【问题标题】：React Context - Context.Consumer vs Class.contextType反应上下文 - Context.Consumer 与 Class.contextType
【发布时间】：2019-06-14 11:05:04
【问题描述】：

我正在学习一些新引入的 React.Context API，但我注意到它在多个示例中的使用存在一些不一致。有些使用原始的 Context.Consumer HOC 方法，而有些（包括 React Docs）使用静态 Class.contextType 方法。

有什么不同，为什么不一致？

【问题讨论】：

以问答格式记录，因为截至今天在谷歌搜索问题时，我找不到一个令人满意的简洁搜索结果。

标签： reactjs react-context

【解决方案1】：

原来 static Class.contextType 是 newly introduced on React v16.6.0，因为在类组件上证明 Context.Consumer 方法存在问题。此外，使用两者之间似乎确实存在一个主要区别，即静态 Class.Context 只允许您订阅单个上下文。

好消息是它们似乎都能可靠地监听 Context 的变化，这意味着如果您只有一个 Context API，那么两者都足够好。

【讨论】：