有没有办法从React生产中的错误中找出导致问题的组件？

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

  componentDidCatch(error, info) {
    // 记录错误信息或发送错误报告
    console.error(error);
    // 更新状态以显示备用UI
    this.setState({ hasError: true });
  }

  render() {
    if (this.state.hasError) {
      // 渲染备用UI
      return <h1>Oops! Something went wrong.</h1>;
    }
    // 渲染正常的子组件
    return this.props.children;
  }
}

<ErrorBoundary>
  <YourComponent />
</ErrorBoundary>