React之渲染HTML节点

• 获取 HTML 节点并存储
• 渲染

const RenderIndex = () => {
  // 假设这是获取到的HTML节点
  const info =
    '<div>龚铱⽩真可爱</div><div><span style="color:pink">龚铱⽩</span>真可爱</div><p>段落1</p><p>段落2</p>';
  return (
    <>
      <div>我是Index页面</div>
      {/* 渲染HTML节点 */}
      <div
        className="detail"
        dangerouslySetInnerHTML={{ __html: info || "" }}
      />
    </>
  );
};

export default RenderIndex;