仍然渲染页面,如果组件代码有错误- React/Nextjs



我在React方面没有太多经验,非常感谢任何建议。我的情况是:

  • 我有一个动态页面假设url是mysite/[productid]
  • 该页面为组件A、B、C的组合
  • 有一个错误发生在组件B和React渲染404页面,我不想。

我的问题是是否有任何方法在React/Nextjs仍然渲染页面(页面仍然显示没有错误组件),如果一个组件划伤,并使用哨兵记录错误?据我所知,有一种方法可以用Emberjs做到这一点。

我不想呈现另一个带有错误边界的错误页面,因为仅用一个错误组件删除整个页面是没有意义的。

提前谢谢你。

在React应用程序中处理错误有两种解决方案:

  • JavaScript异常处理,即try/catch
  • 反应错误边界

如果组件可以从内部错误中恢复,那么可能抛出该错误的表达式应该包装在try/catch块中。否则,你可以使用React Error Boundaries来管理子组件中的错误。

最新更新