如何在useEffect的Reactjs应用程序中添加新的超文本标记语言？

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    // 创建一个新的div元素
    const newElement = document.createElement('div');
    
    // 设置div元素的内容
    newElement.innerHTML = '<h1>Hello, World!</h1>';
    
    // 将新的div元素添加到页面中的某个容器中
    document.getElementById('container').appendChild(newElement);
  }, []);

  return (
    <div id="container">
      {/* 这里是其他组件内容 */}
    </div>
  );
};

export default MyComponent;