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>;
    }
  },
});
相关推荐
lichenyang453几秒前
鸿蒙 Web 容器(四):ArkTS 拿到请求后,怎么「按 action 找能力」?
前端
lichenyang4539 分钟前
鸿蒙 Web 容器(三):H5 怎么「调」到 ArkTS?
前端
代码不加糖13 分钟前
Proxy能够监听到对象中的对象的引用吗?
开发语言·前端·javascript
光影少年17 分钟前
react 原理与进阶
前端·react.js·掘金·金石计划
kyrie2818 分钟前
Vue 全套性能优化方案
前端
Sour23 分钟前
PDF翻译卡住不动怎么办?扫描件、OCR 和大文件排查清单
前端·pdf·ocr
ziyitty24 分钟前
MiMoCode 配置 “Unrecognized key: mcpServers“ 问题解决方案
前端·chrome
大家的林语冰29 分钟前
连 Markdown 都不放过,Rust 在前端基建杀疯了,万物皆可“锈化“!
前端·javascript·markdown
参宿735 分钟前
CSS 悬挂空白与选区溢出
前端·css
想吃火锅100536 分钟前
【前端手撕】instanceof
前端·javascript·原型模式