Error boundary

<ErrorBoundary> 是一个可用于捕获子组件抛出的错误的组件。当遇到错误时，该组件将呈现 fallback UI，而不是有问题的子组件。

import { ErrorBoundary } from "solid-js";

<ErrorBoundary fallback={(err) => <div>Error: {err.message}</div>}>
  <ProblematicComponent />
</ErrorBoundary>;

<ErrorBoundary> 接收一个 fallback prop，用于渲染自定义错误消息，或者向用户提供友好的通知。该属性接收一个函数，该函数接收捕获的错误作为参数，提供了一种灵活的方法来处理不同的错误场景。

View on Eraser

通过将应用程序的某些部分包装在 <ErrorBoundary> 中，您可以防止由于单个组件而发生错误时整个应用程序崩溃。

当遇到错误时，<ErrorBoundary> 组件将捕获错误并渲染 fallback UI，而不是有问题的组件。这样，即使组件发生错误，用户也可以得到受控的 UI 响应，而不是损坏的界面。