Javascript 对呈现页面做出两次反应

目前我正在开发一个React应用程序，我有任务在运行时出错时尝试捕捉错误。我已经实现了在上找到的ErrorBoundary解决方案

现在，这个解决方案非常有效，但我有一个问题。无论何时加载页面（无论是从导航还是硬重新加载），React都会正确地呈现ErrorBoundary组件（因为子组件中存在错误），但几秒钟后，仍会呈现子组件，然后崩溃。我已经在我所有的代码中寻找了罪魁祸首，搜索了谷歌的可发现的错误，但没有找到导致这种行为的原因。 在执行ErrorBoundary解决方案之前，此行为已经存在。自从几周前我开始做它以来，它就一直在这里

此外，这种行为使得React首次呈现页面时，

this.props

为空。只有在几秒钟过后，

this.props

才会被填充。到目前为止，这还不是一个问题，而我们总是检查this.props对象以获取所需的数据。但我不想再绕过这种行为，寻找解决办法

我已经研究了组件生命周期函数，但我实际上只使用构造函数和componentDidMount函数来加载和设置数据，并使用setState函数在一些组件中更改数据

我已经从组件的呈现中删除了所有代码，从顶部开始，一直到逻辑上的最后一个子组件，以找出哪个组件是罪魁祸首，但这并没有对我得到的行为产生任何影响

下面是发生的一些屏幕截图：

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

---

欢迎任何帮助

可以在所需的特定条件内呈现页面。当前，渲染函数对代码中的所有情况都是开放的。顺便问一下，在第25行初始化this.pros={}，是this.props的输入错误还是类变量？{this.pros}的错误是故意的，因为我希望我的ErrorBoundary组件捕捉这些类型的错误，并返回您在第一个屏幕截图中看到的错误块。