两次反应渲染页面

Question

目前，我正在开发一个React应用程序，并且已经分配了发生时尝试捕获运行时错误的权限。我已经实现了React website上的ErrorBoundary解决方案。

现在，此解决方案效果很好，但是我有一个问题。每当页面加载时，无论是从导航还是硬加载，React都会正确渲染ErrorBoundary组件（因为子组件中存在错误），但是几秒钟后，无论如何都会渲染子组件，然后崩溃。我遍历代码查找罪魁祸首，向Google搜查有形错误，但找不到导致此行为的原因。 在实施ErrorBoundary解决方案之前已经存在此行为。自几周前我开始研究它以来，就一直在这里。

此外，这种行为使它在React第一次渲染页面时，this.props为空。仅在几秒钟之后，this.props才会被填充。到目前为止，这一直不是问题，尽管我们始终在this.props对象中检查所需的数据。但是我不想再解决这种问题并找到解决方案。

我已经研究了组件生命周期函数，但是我只真正使用了构造函数和componentDidMount函数来加载和设置数据，并使用setState函数沿几个组件的方式更改数据。

我听起来很吃惊，从顶部渲染中删除了所有代码，从顶部开始，一直到逻辑上的最后一个子组件，以找出哪个组件是罪魁祸首，但它并没有使任何原因我的行为有所不同。

以下是发生的情况的屏幕截图：

我从React开始，创建了tic-tac-toe示例应用程序。但是在本教程中，我没有看到这样的行为。

欢迎任何帮助！