未设置 React 16.6.3 Context API contextType答案

【问题标题】：React 16.6.3 Context API contextType not being set未设置 React 16.6.3 Context API contextType
【发布时间】：2018-12-10 18:05:01
【问题描述】：

我已将本地 create-react-app 更新到 16.6.3（react 和 react-dom）。我试图让 contextType 工作的例子。我想去的地方从 componentDidMount 方法访问上下文。当我使用 .Consumer 部分时，它可以工作，但这只是在渲染中，我需要能够获取它并使用它设置一些逻辑。

我有一个关于codesandbox的例子https://codesandbox.io/s/w08v196jww

我希望green.js 类能够从Green.contextType = AppContext 获取上下文，然后能够通过this.context 方法访问它。但上下文总是返回一个空对象。

【问题讨论】：

标签： reactjs

【解决方案1】：

似乎这个问题是由循环依赖引起的。将 AppContext 提取到单独的文件应该可以解决您的问题。

您的示例如下所示： https://codesandbox.io/s/l49yw1ow4z

【讨论】：