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>;
    }
  },
});
相关推荐
小彭努力中几秒前
194.Vue3 + OpenLayers 实战:动态位置 + 高度 + 角度,模拟卫星地面覆盖范围
前端·css·vue.js·openlayers·animate
颜正义2 分钟前
作为前端你还不会 Playwright 进行单元测试吗?
前端·测试
孟陬3 分钟前
国外技术周刊 #3:“最差程序员”带动高效团队、不写代码的创业导师如何毁掉创新…
前端·后端·设计模式
张一凡934 分钟前
easy-model -- "小而美"的React状态管理方案
前端·javascript·react.js
前端Hardy5 分钟前
纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!
前端·javascript·vue.js
includei6 分钟前
【JavaScript】华为机试_HJ20_密码验证合格程序
开发语言·javascript·华为
猪八宅百炼成仙39 分钟前
解决Vue项目中scrollIntoView导致的布局异常问题
前端
miss1 小时前
Vue2 → Vue3 深度对比:8 大核心优化,性能提升 2 倍
前端·vue.js·架构
重铸码农荣光1 小时前
手写一个精简版 Zustand:深入理解 React 状态管理的核心原理
react.js·面试·源码
沫离痕1 小时前
AI机器人客服-Dify接入
开发语言·javascript·ecmascript