如果組件代碼有錯誤，仍然呈現頁面 - React/Nextjs

Question

我在 React 方面沒有太多經驗，非常感謝任何建議。 我的情況是：

• 我有一個動態頁面，假設 url 是 mysite/[productid]
• 頁面是組件A、B和C的組合
• 組件 B 和 React 渲染 404 頁面中發生錯誤，我不想這樣做。

我的問題是：React/Nextjs 中是否有任何方法可以在組件刮擦時仍然呈現頁面（頁面仍然顯示而沒有錯誤組件），並使用 Sentry 記錄錯誤？ 據我所知，有一種方法可以使用 Emberjs 來做到這一點。

我不想呈現另一個帶有錯誤邊界的錯誤頁面，因為只用一個錯誤組件來刪除整個頁面是沒有意義的。

先感謝您。

Answer 1

在 React 應用程序中處理錯誤有兩種解決方案：

• JavaScript 異常處理即try/catch
• 反應錯誤邊界

如果組件可以從內部錯誤中恢復，那么可能拋出該錯誤的表達式應該包含在try/catch塊中。 否則，您可以使用 React 錯誤邊界來管理子組件中的任何錯誤。