React Invariant Violation：最小化 React 错误 #267答案

【问题标题】：React Invariant Violation: Minified React error #267React Invariant Violation：最小化 React 错误 #267
【发布时间】：2018-10-27 09:48:42
【问题描述】：

从 ReactDOM.render 异常中获取此消息。

我在 iOS 上的 cordova 应用程序中运行 React。这种情况很少发生，通常是在设备休眠一段时间或重新安装后第一次运行应用程序时。

有什么想法吗？！

这里是顶级渲染方法

function renderReact() {
  ReactDOM.render(
    <App>
      <AppRoute />
    </App>,
    document.getElementById("app")
  );
}

应用组件：

render() {
    return (
      <Provider store={store}>
        <WrapperDiv>
          {this.props.children}
          <ModalController />
          <DialogController />
        </WrapperDiv>
        {/* {__DEVTOOLS__ && <DevTools />} */}

      </Provider>
    );
  }

【问题讨论】：

分享出现此问题的render 代码。
嘿@Fawaz 渲染了很多组件！添加了基本渲染方法...
似乎发生在从 15.x -> 16.3.2 升级 react 并使用 React Fragments...（还有其他更改，所以不能 100% 确定这是否是原因）跨度>
App 应该在 Provider 里面。所以让提供者成为最顶层的组件。这不是解决方案，但您应该尝试。
要解决这个问题，首先要找到问题所在。为此进行开发构建并运行它以识别错误堆栈跟踪。

标签： ios reactjs cordova

【解决方案1】：

我向我们的 beta 测试人员发送了一个开发版本，其中一个成功地重现了它。

似乎这个特定问题是由于使用 null 参数调用 React.cloneElement 造成的。

【讨论】：