我是如何在react中把一个集成了html,css的内容放到页面中的
首先把html,css内容进行一个变量化,然后利用useState()去初始化一个变量,最后同通过一个标签属性就好了dangerouslySetInnerHTML={变量}文章来源:https://www.toymoban.com/news/detail-754463.html
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 就可以直接放到上面展示了。文章来源地址https://www.toymoban.com/news/detail-754463.html
到了这里,关于我是如何在react中把一个集成了html,css的内容放到页面中的的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!