我是如何在react中把一个集成了html,css的内容放到页面中的
首先把html,css内容进行一个变量化,然后利用useState()去初始化一个变量,最后同通过一个标签属性就好了dangerouslySetInnerHTML={变量}
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 就可以直接放到上面展示了。