1

我在我的代码中使用错误边界,当我在渲染主要布局组件的文件中使用它时,它可以工作,例如:

<ErrorBoundary>
<header></header>
</ErrorBoundary>
<ErrorBoundary>
<main/> //this component has an error
</ErrorBoundary>
<ErrorBoundary>
<footer></footer>
</ErrorBoundary>

上面的代码有效,并且针对组件中的错误显示了回退 UI main。但是当我在主组件文件中使用错误边界组件时它不起作用,例如错误边界不起作用:

class main extends React.Component {
//code
<ErrorBoundary>
{object}
</ErrorBoundary>
//more code

这不起作用,整个应用程序崩溃,只显示一个空白页面。为什么会发生这种情况以及如何处理?谢谢你。

4

1 回答 1

0

我想到了。Errorboundary 捕获组件中的错误。所以它之前没有工作,但是当我在 ErrorBoundary 之间渲染一个错误的组件时,它工作了。

<ErrorBoundary>
<FaultyComponent/>
</ErrorBoundary>

有效。

于 2021-07-03T12:41:00.150 回答