错误处理
ErrorBoundary 放在哪里
在使用 React Router 与 TanStack Query 的页面里,用已安装的源码核对 ErrorBoundary 该放几个、放在哪里的标准:路由、屏幕、区域各自接收的错误与撤回方式,统一 fallback 的方法,以及重试条件。
重试按钮为什么不起作用
用已安装的源码核对在 react-error-boundary 的 fallback 上按重试却回到同一个 fallback 的三种情况:查询错误用 QueryErrorResetBoundary,渲染错误用 queryFn 里的检查,React.lazy 分块失败用刷新来解开。
错误的传播
把同一个错误从七个位置抛出去,只有四个能到达 ErrorBoundary。这篇文章用官方文档和本地安装的源码确认编译期、渲染与生命周期、服务端数据、页面切换、外部库、事件与异步分别传播到哪里。