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

相关推荐
北辰alk7 小时前
Next.js 全栈开发指南:从项目初始化到生产环境部署
react.js
winfredzhang7 小时前
为长阅读而生:我做了一个「安静」的 PDF 阅读器
pdf·html
胡哈13 小时前
React Compiler:让开发者忘掉 memo 这件事
前端·react.js
Bigger14 小时前
对不起!我错怪你了,UnoCSS:一次和 AI 一起排查 DevTools 卡顿的经历
前端·css·人工智能
光影少年15 小时前
react navite JSBridge 通信机制、异步通信特点
react native·react.js·掘金·金石计划
u01437810816 小时前
行内块元素之间的空白
前端·html
ndsc_d16 小时前
10分钟搭建B端SaaS数据看板:Paico+TDesign+React实战复盘
前端·人工智能·react.js·ui·前端框架·aigc·tdesign
触底反弹16 小时前
🎲 纯 CSS 搞定 3D 旋转立方体?还附赠一个「天坑」解决方案!
前端·css·html
LaughingZhu17 小时前
Product Hunt 每日热榜 | 2026-07-06
前端·人工智能·经验分享·chatgpt·html
finyouIT17 小时前
锚点实现了点击导航平滑滚动到页面指定位置的三种方法
javascript·css