reactjs - 未设置 React 16.6.3 上下文 API contextType

Question

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

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

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

标签： reactjs

Answer 1

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

这是您的示例的外观： https ://codesandbox.io/s/l49yw1ow4z