如何在Angular 6应用程序中使用React组件

Question

我在react中有一些组件，我想在angular 6应用程序中重用它们。可以给我一些建议的最好方法。

Answer 1

可能有第三方帮助程序，但它们的作用方式相同，需要时渲染和卸载React组件：

@ViewChild('container') containerRef: ElementRef;

ngOnInit() {
  ReactDOM.render(<ReactComponent/>, this.containerRef.nativeElement);
}

ngOnDestroy() {
  ReactDOM.unmountComponentAtNode(this.containerRef.nativeElement);
}

反应组件可以通过道具与Angular组件交互。