資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究React.js 元件生命週期錯誤處理階段
錯誤處理中有兩種主要方法。這些方法在 React 的錯誤邊界機制中使用。我們將包含發生錯誤的可能性所在的元件包裝在一個類中，此類處理了以下方法。
- 靜態方法 getDerivedStateFromError(error)
- componentDidCatch(error, info)
靜態 getDerivedStateFromError(error)：顧名思義，我們可以根據從下屬元件接收到的錯誤在此處更新狀態物件。
componentDidCatch(error, info)：我們可以使用 API 呼叫記錄錯誤。這樣有助於在螢幕上顯示有用的錯誤訊息，而不是技術錯誤。
如果一個類至少實現上述錯誤處理生命週期方法中的一個方法，就可以被稱為錯誤邊界。它的主要目的是在我們收到錯誤後顯示備用 UI。
如果錯誤沒有被錯誤邊界類快取，那麼低於該元件的整個 React 元件樹將被移除。
我們可以在一些方法中使用 try 捕獲，但在應用程式範圍使用錯誤邊界是更好的標準做法。它保持了 React 的宣告式性質。
請注意，錯誤邊界功能在生產模式下執行。在開發模式下，它會直接在瀏覽器中顯示實際錯誤。
更新於： 2019 年 9 月 4 日
756 次瀏覽
廣告