在 React 中，如果不做任何控制，当组件出现异常时，React 渲染就会停止，页面出现白屏，这种体验很不好。例如当用户输入某些非法数据，而前端都没有进行校验，页面出现白屏。这种情况下，最好的方式是只针对出错的组件进行处理，将出错的组件进行替换，替换成错误提示组件，并显示错误信息，可以指导用户的下一步操作。React 通过 ErrorBoundary 组件进行错误处理，当组件出现错误时，组件停止

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。 比如这样一个组件： // src/Aaa.jsxexport default function Aaa() {return <div>aaa</div>} 就可以在另一个组件里用 lazy + Suspense 异步加载： import React, { Suspense } fro