8. 錯誤邊界

理解：

錯誤邊界(Error boundary)：用來捕獲后代組件錯誤，渲染出備用頁面

特點：

只能捕獲后代組件生命周期產生的錯誤，不能捕獲自己組件產生的錯誤和其他組件在合成事件、定時器中產生的錯誤

使用方式：

getDerivedStateFromError配合componentDidCatch

// 生命周期函數，一旦后臺組件報錯，就會觸發 static getDerivedStateFromError(error) {console.log(error);// 在render之前觸發// 返回新的statereturn {hasError: true,}; }componentDidCatch(error, info) {// 統計頁面的錯誤。發送請求發送到后臺去console.log(error, info); }

總結

以上是生活随笔為你收集整理的reactjs错误边界：用来捕获后代组件的错误，渲染出备用页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。