Error boundaries are React components that?catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI?instead of the component tree that crashed赃额。
可以在 render加派、生命周期、及子組件的 constructor 中捕捉錯誤。
不能捕捉到的錯誤:
1口柳、事件報錯
2励饵、異步處理
3、服務端渲染
4醉旦、boundary 自己報錯。
boundary 定義:
組件內(nèi)定義了??static getDerivedStateFromError()?or?componentDidCatch()?則認為是 boundary 組件桨啃。
可以理解成是一個正常的組件车胡,只是內(nèi)部支持特殊的方法:getDerivedStateFromError?該方法可以監(jiān)聽組件內(nèi)部異常,一旦捕獲異常則 render 報錯提示 DOM照瘾。