在Angular组件中渲染该组件时，如何处理React compononent渲染错误？

Question

我已经使React组件在渲染组件时出现错误时处理错误。例如，它看起来像这样：

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

  static getDerivedStateFromError(error) {
    return {
      hasError: true
    };
  }

  componentDidCatch(error, info) {
    logErrorToMyService(error, info);
  }

  render() {
    if (this.state.hasError) {
      return <h1 > Something went wrong. < /h1>;
    }

    return this.props.children;
  }
}

我有问题，因为在我正在开发的应用程序中，仍然有一些使用React组件的角度组件，我以这种方式渲染它们：

ReactDOM.render((someReactComponent, {props}), document.getElementById('stringId')

问题是在这种情况下我不知道如何使用“ ErrorBoundary”。通常，在其他React组件中，我只是将所有呈现的东西都用'ErrorBoundary'包装，但是在这种情况下，这样做并不容易。有人可以帮助我吗？