reactjs - React Context - Context.Consumer 与 Class.contextType

Question

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

有什么区别以及为什么不一致？

Answer 1

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

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