我是如何在react中把一个集成了html，css的内容放到页面中的

IDIOT___IDIOT2023-12-10 17:54

我是如何在react中把一个集成了html，css的内容放到页面中的

首先把html，css内容进行一个变量化，然后利用useState()去初始化一个变量，最后同通过一个标签属性就好了dangerouslySetInnerHTML={变量}

tsx 复制代码

import React, {useEffect, useState} from "react";
import {contentHtml} from "@/pages/Developer/constant";
const Developer: React.FC = () => {
    const [html, setHtml] = useState('');

    useEffect(() => {
      setHtml(contentHtml)
    }, []);

    return (
      <div dangerouslySetInnerHTML={{ __html: html }} />
    );
}
export default Developer;

通过这样我把 typora 导出的 html 就可以直接放到上面展示了。