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>;
    }
  },
});
相关推荐
github_czy2 分钟前
FastAPI 流式响应核心原理解析(含前端断开感知)
前端·fastapi
Lana学习中2 分钟前
[AI编程]纯前端JS实现评论区自动截图&生成 PDF
前端·javascript·pdf·vibe coding
鹏程十八少5 分钟前
7. Android Shadow插件化原理深挖(下):Transform字节码插桩与“零Hook”的底层实现与宿主通信全流程
android·前端·面试
The_era_achievs_hero7 分钟前
Flex布局属性
前端
Z_Wonderful8 分钟前
npm -v无效PowerShell 的执行策略,解决方案
前端·npm·node.js
~无忧花开~15 分钟前
React事件处理全解析
开发语言·前端·javascript·react.js·前端框架
英俊潇洒美少年17 分钟前
豆包官方开放 API 调用指南(合法稳定版)
前端·javascript
KevinCyao19 分钟前
批量发短信接口的数据格式设计:CSV、JSON还是XML?
xml·前端·前端框架·json
英俊潇洒美少年20 分钟前
React Fiber = 任务切片 + 时间切片
前端·react.js·前端框架
漠月瑾-西安20 分钟前
JavaScript 字符串处理技巧:substring 与 indexOf 的灵活组合
javascript·前端开发·indexof·代码优化·substring·字符串处理