错误边界是一个组件,它在子树渲染期间捕获抛出的 JavaScript 错误,显示 fallback UI 而不是让整个应用崩溃,并且可以记录错误。
jsx
{
state = { : };
() {
{ : };
}
() {
(error, info);
}
() {
.. ? : ..;
}
}
<>
</>
✅ 捕获:render 中的错误、lifecycle methods 中的错误,以及其下方组件的构造函数中的错误。
❌ 不捕获:
try/catch)。setTimeout) — 它们在渲染流之外。react-error-boundary 库)。