Reactjs 将ErrorBoundary应用于没有根组件的react项目

我的团队正在从angularjs迁移到react。由于项目不是以react启动的，因此它没有根组件。我们开始使用react组件将react组件插入angularjs。这些组件没有公共父级。现在我正在尝试将errorBoundary应用于我的react组件。一个明显的方法是用错误边界包装每个组件。这种方法的问题是，以后编写新react组件的人可能会忘记用错误边界包装新组件。有没有一种方法可以将错误边界作为一个整体应用于这些组件/

谢谢

您可能会遇到一些UX和/或性能问题，每个组件都有一个错误边界。但是，如果您仍然希望这样做，则可以在渲染之前使用monkey patch

React.createElement

自动使用错误边界组件包装每个组件。这无疑会导致非常糟糕的用户体验，因为您可能只有一个通用的错误边界，而不是对用户实际有用的特定于上下文的边界

• 我有更多关于这方面的信息
• 还有一个很棒的例子

如果您正在寻找有关如何执行此操作的代码示例。您应该能够创建一个函数，该函数传递一个新的

createElement

来覆盖React的

createElement

，然后调用原始React

createElement

，但子项被包装在错误边界中

或者，您可以使用以错误边界包装每个子级

希望有帮助。干杯