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>;
    }
  },
});
相关推荐
2301_8035389516 小时前
CSS复合属性实战技巧与交互设计应用
前端
nashane16 小时前
HarmonyOS 6学习:Web组件内嵌H5视频全屏“复活”指南
前端·学习·harmonyos
BY组态16 小时前
Ricon组态系统:新一代Web可视化组态平台
前端·物联网·iot·web组态·组态
skywalk816316 小时前
脚本 isMobile.js(移动设备检测库)的核心实现
开发语言·javascript·ecmascript
i_am_a_div_日积月累_16 小时前
3.contextBridge桥梁
前端·javascript·vue.js·electron
bug-1008616 小时前
hooks,mixin,pinia,vuex
前端·vue.js
阿正的梦工坊17 小时前
【Typescript】04-数组元组枚举与字面量类型
javascript·ubuntu·typescript
神奇小汤圆17 小时前
自己用 ai 写了个链接 mysql 数据库的 mcp 工具
javascript
Shirley~~17 小时前
npm包发布与 dist-tag 管理指南
前端·npm·node.js
Csvn17 小时前
前端可视化入门:Canvas、SVG 与 D3.js 基础
前端·d3.js