如何防止React在出现错误时重新创建组件树?

我想你的组件中有这个方法,只是 去除

 static getDerivedStateFromError(error) {
 // Update state so the next render will show the fallback UI.    
     return { hasError: true };
 }

经过大量挖掘,我终于把它弄清楚了。

我找到了解决办法 react-hot-loader 回购协议。正如他们所说:

On Hot Module Update we will inject componentDidCatch and a special render
to every Class-based component you have, making Error Boundaries more local.

因此,有两种可能的解决方案:

1. 将类组件更改为功能组件。
2. 您可以编写自己的错误报告程序(如指定) here ).

对我来说,这两个都奏效了。

React将尝试使用您提供的错误边界ErrorBoundary从头开始重新创建此组件树。

它被多次渲染。所以你会得到这个问题。 添加 React.PureComponent 在类组件中,它将解决您的问题