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

我是如何在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 就可以直接放到上面展示了。

相关推荐
云上工程笔记2 分钟前
AstraFlow + React/Vite:如何用自然语言开发并部署一个 AI 咖啡网站原型
前端·人工智能·react.js
光影少年1 小时前
React18 对RN 的影响
android·前端·react.js·ios·前端框架
King of fraud2 小时前
HTML 页面的 CSS 选择器详解
前端·css·html
xiaoyan20152 小时前
2026最新款Electron41+React19+AntDesign电脑端后台管理系统Exe
react.js·electron·vite
蜡台3 小时前
Vue 3 原生 ESM 开发实战:不用打包工具,从零搭建组件化应用
前端·javascript·vue.js·html
我的div丢了肿么办3 小时前
grid布局justify-items和align-items、justify-content和align-content
前端·css
用户298698530143 小时前
在 React 中使用 JavaScript 将 HTML 转换为图片
javascript·react.js·html
IMPYLH4 小时前
HTML 的 <rp> 元素
前端·javascript·html
科里 Coralyx4 小时前
CoT Toolformer ReAct:工具调用、推理链与 Agent 的起源
前端·react.js·前端框架
乱码三千5 小时前
密码管理工具站正式上线啦
前端·html·github