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

npm install react react-dom

import { Component } from '@angular/core';
import * as React from 'react';
import * as ReactDOM from 'react-dom';

// 导入React组件库中的Button组件
import { Button } from 'react-component-library';

@Component({
  selector: 'app-react-component',
  template: '<div id="react-component"></div>',
})
export class ReactComponent {
  ngAfterViewInit() {
    // 在Angular组件的视图初始化后，将React组件渲染到DOM中
    ReactDOM.render(<Button />, document.getElementById('react-component'));
  }
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from './app.component';
import { ReactComponent } from './react.component';

@NgModule({
  declarations: [AppComponent, ReactComponent],
  imports: [BrowserModule],
  bootstrap: [AppComponent],
})
export class AppModule {}