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>;
    }
  },
});
相关推荐
传人once4 小时前
页面中心圆圈放大效果如何写
开发语言·javascript·ecmascript
用户033307413954 小时前
TypeScript using 与 AsyncDisposableStack:在真实服务端代码中协调多资源清理
前端
daisychey4 小时前
用 Playwright 做多平台内容分发,我踩过的 8 个坑
前端
IT_陈寒5 小时前
为什么你应该学习JavaScript?
前端·人工智能·后端
大龄秃头程序员5 小时前
iOS冷启动监控Demo
前端
光影少年5 小时前
为什么 JavaScript 中 0.1 + 0.2 !== 0.3,如何让其相等?
前端·javascript·算法
掘金酱6 小时前
[稀土掘金 × 火山引擎] AI用量周榜冲刺赛|获奖名单公示
前端·人工智能·后端
泡泡oO6 小时前
“如果你还在用Superpowers,那我不要和你说话”
前端·后端·全栈
维克兜率天6 小时前
趋势过滤:避免被“假突破“反复打脸
前端
8年区块链老兵7 小时前
一篇文章教会你:用区块高度读懂比特币链上的每一笔交易
前端