如何在React错误边界中使用自定义错误类型？

class CustomError extends Error {
  constructor(message) {
    super(message);
    this.name = 'CustomError';
  }
}

class ErrorBoundary extends React.Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }

  static getDerivedStateFromError(error) {
    // 更新 state 使下一次渲染能够显示备用 UI
    return { hasError: true };
  }

  componentDidCatch(error, errorInfo) {
    // 可以在这里记录错误信息或发送错误报告
    console.error(error);
  }

  render() {
    if (this.state.hasError) {
      // 渲染备用 UI
      return <h1>出错了！</h1>;
    }

    return this.props.children;
  }
}

<ErrorBoundary>
  <ChildComponent />
</ErrorBoundary>