在 Angular 4 应用程序中使用 React 组件库

Question

我有一个 Angular 4 应用程序，使用带有这个库https://github.com/ngrx/platform的 redux 架构实现。我想在我的应用程序中使用一些自定义 React 组件。我的猜测是我必须将我的大型 Angular 组件重写为 React 组件，因为不可能将自定义 React 库嵌入到现有的 Angular 组件中。另外，考虑到我没有使用过与框架无关的 redux 库，我还需要重写我的应用程序的那部分，基本上相当于整个重写。我的评估是否正确？

Answer 1

您可以使用ReactDOM.render()在 angular 组件内部或在它们旁边渲染 react 组件。至于 ngrx 问题，您可能可以实现一些中间件或 Angular 服务，它们可以为您的 React 组件提供数据。你甚至可以制作一个 Angular 组件来包装你的 React 组件并从 ngrx 存储中传递它们。您还可以在 React 组件中使用门户来实现类似的目标。

这可能不是性能最高的解决方案（重写几乎总是会更好）但如果您只想要功能并且性能成本不是太差，那么实现应该相当简单。