React 基础篇(八)—— 错误边界
错误边界
过去,组件内的 JS 错误会导致 React 的内部状态被破坏,并且再下一次渲染时产生可能无法追踪的错误。部分 UI 的 JS 错误不应该导致整个应用崩溃,为了解决这个问题,引入了错误边界的概念。
错误边界是一种 React 组件,这种组件可以捕获并打印发生在其子组件树任何位置的 JS 错误,并且它具有渲染备用 UI 的能力。
错误边界可以在渲染期间、生命周期方法和整个组件树的构造函数中捕获错误。
如果一个 class 组件定义了 static getDerivedStateFromError() 或 componentDidCatch() 这两个方法之一时,它就变成一个错误边界。当抛出错误后,使用前者渲染备用 UI ,使用后者打印错误信息。
注意:错误边界仅可以捕获其子组件的错误,无法铺货其自身的错误。
class ErrorBoundary extends React.Component {
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
