React实现文本markdownit形式

1.项目组件中引用

复制代码
import markdownit from 'markdown-it';

2.运用到函数中

复制代码
const InterviewReportModal = ({ ResumeDetail }) => {
  const md = markdownit({ html: true, breaks: true });
}

export default InterviewReportModal;

3.运用到DOM中

html 复制代码
<div dangerouslySetInnerHTML={{ __html: md.render(ResumeDetail?.summaryReport || "") }} />

将数据中的summaryReport以markdownit形式显示

最终效果图:

相关推荐
excel2 小时前
为什么要使用 TypeScript:TS 相比 JavaScript 的优势
前端
এ᭄请你吃糖℘2 小时前
html原生表格,实现左侧列固定
前端·html
用户21411832636023 小时前
Qwen 3-VL 实测:从图片生代码到视频提字幕,这个多模态模型有多能打?
前端
寒山李白3 小时前
npm镜像源配置指南
前端·npm·node.js
GeniuswongAir3 小时前
Flutter实现滑动页面停留吸附
前端·javascript·flutter
颜酱4 小时前
基于Antd的SchemaForm 的表单复杂配置
前端·javascript·ant design
专注VB编程开发20年4 小时前
vb.net COM DLL 示例,实现了所有 VB6 X86 数据类型的对应
开发语言·前端·vb.net·com·vb6·activex dll
要加油哦~4 小时前
vue 构建工具如何选择 | vue-cli 和 vite的区别
前端·javascript·vue.js
Restart-AHTCM4 小时前
ES6核心基础
vue.js·前端框架·es6