如何在React中显示从数据库获取的HTML标记

import React, { useState, useEffect } from 'react';

const DatabaseHTML = () => {
  const [htmlContent, setHtmlContent] = useState('');

  useEffect(() => {
    // 从数据库获取HTML标记的逻辑，可以使用fetch或其他异步请求方式
    // 假设获取的HTML标记存储在response变量中
    const response = '<div><h1>Hello, World!</h1></div>';
    setHtmlContent(response);
  }, []);

  return <div dangerouslySetInnerHTML={{ __html: htmlContent }}></div>;
};

export default DatabaseHTML;