React 好用的工具库

1、html-react-parser

HTML 到 React 解析器,适用于服务器 (Node.js) 和客户端(浏览器),适用于React节点修改过滤等需求

  • 解析器将 HTML 字符串转换为一个或多个 React 元素。
  • 可以将一个元素替换为另一个元素
javascript 复制代码
import parse from 'html-react-parser';

// 解析器将 HTML 字符串转换为一个或多个 React 元素。
parse('<p>Hello, World!</p>'); // React.createElement('p', {}, 'Hello, World!')

// 可以将一个元素替换为另一个元素
parse('<p id="replace">text</p>', {
  replace(domNode) {
    if (domNode.attribs && domNode.attribs.id === 'replace') {
      return <span>replaced</span>;
    }
  },
});
相关推荐
小李子呢02113 分钟前
前端八股CSS(3)---水平垂直居中的实现方法
前端·css·css3
M ? A5 分钟前
Vue3 转 React:组件透传 Attributes 与 useAttrs 使用详解|VuReact 实战
前端·javascript·vue.js·经验分享·react.js·开源·vureact
火山引擎开发者社区5 分钟前
方舟 Coding Plan 支持 Embedding 模型,让 AI Agent “找得更准、记得更久”
前端·javascript·人工智能
whuhewei11 分钟前
微前端之模块联邦
前端·架构
We་ct11 分钟前
JS手撕:手写Koa中间件与Promise核心特性
开发语言·前端·javascript·中间件·node.js·koa·co
欧阳天风13 分钟前
vue3的组件优化
前端·vue.js·性能优化
打瞌睡的朱尤13 分钟前
蓝桥杯复习大纲
前端·javascript·vue.js
许彰午14 分钟前
# Excel转PDF合并单元格边框错乱?jxl+iText逐格解析样式,政务报表精准还原方案
前端·javascript·pdf
观无19 分钟前
html+nginx实现看板
前端·nginx·html
bcbobo21cn23 分钟前
Web 3D 正方体贴图
前端·3d·贴图·mesh