React笔记：异常捕获边界（Error boundaries）

最新推荐文章于 2025-04-07 10:57:08 发布

花落s

最新推荐文章于 2025-04-07 10:57:08 发布

阅读量682

点赞数 1

分类专栏： JavaScript技术前端 React 文章标签： React 异常捕获边界 Error Boundaries JavaScript

本文链接：https://blog.youkuaiyun.com/qq_38386617/article/details/103022079

版权

官方文档

如果模块加载失败（如网络问题），它会触发一个错误。你可以通过异常捕获边界（Error boundaries）技术来处理这些情况，以显示良好的用户体验并管理恢复事宜。

import MyErrorBoundary from './MyErrorBoundary';
const OtherComponent = React.lazy(() => import('./OtherComponent'));
const AnotherComponent = React.lazy(() => import('./AnotherComponent'));

const MyComponent = () => (
 <div>
   <MyErrorBoundary>
     <Suspense fallback=