在Angular 4应用程序中使用React Component Library

Question

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

Answer 1

您可以使用ReactDOM.render()渲染角度组件内部或其旁边的反应组件。至于ngrx问题，您可以实现一些中间件或Angular服务，它可以为您的反应组件提供数据。你甚至可以制作一个Angular组件来包装你的反应组件并从ngrx商店传递它们的道具。您还可以在反应组件中使用portals来实现类似的目标。

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