как использовать реагирующий компонент в angular?

Question

У меня есть angular проект, который уже закончен. и хочу реализовать функции с кодом реакции. например, в angular prj есть пустой 'div'. и я хочу прикрепить пользовательский узел, созданный с помощью кода реакции.

1. в angular html,

<div id='empty'><div>

хочу отреагировать реагирующим компонентом ниже,

import React, { Component } from "react";
import ReactDOM from "react-dom";

export default class TestFunc extends Component {
  render() {
    return (
      <>
        <div>hello</div>
        <div>i'm new!</div>
      </>
    );
  }
}

хочу использовать вот так,

<div id='empty'>
 <TestFunc/>
<div>

я попробовал ReactDom.render (); но возникает ошибка, как показано ниже ...

Ошибка синтаксического анализа модуля: неожиданный токен (7: 6) Вам может потребоваться соответствующий загрузчик для обработки этого типа файла, в настоящее время загрузчики не настроены для обработки этого файла. См. https://webpack.js.org/concepts#loaders

, и я попытался React.createElement () это работает. но нет возможности использовать несколько элементов .. в одном createElement ();

кто-нибудь знает, как использовать реагирующий компонент в angular ???