如何通过react在div中显示文本？

<script src="https://cdn.jsdelivr.net/npm/react@16.13.1/umd/react.development.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-dom@16.13.1/umd/react-dom.development.js"></script>

// 类组件
class TextComponent extends React.Component {
  render() {
    return (
      <div>
        这是要显示的文本。
      </div>
    );
  }
}

// 函数组件
function TextComponent() {
  return (
    <div>
      这是要显示的文本。
    </div>
  );
}

ReactDOM.render(<TextComponent />, document.getElementById('root'));