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>;
    }
  },
});
相关推荐
毛骗导演1 分钟前
万字解析 OpenClaw 源码架构-插件开发指南
前端·架构
毛骗导演1 分钟前
万字解析 OpenClaw 源码架构-插件开发示例
前端
Mintopia3 分钟前
如何看待大模型发展瓶颈:从算力、数据到对齐与系统工程的再评估
前端·人工智能
Mintopia7 分钟前
Gemini-Essay-Writer 技术解析:基于 Gemini 的长文写作生成与质量控制实践
前端
蜡台7 分钟前
Node Vue 项目开发常见问题解决
前端·javascript·vue.js·git·node
嘉琪00110 分钟前
Day1 完整学习包(var/let/const + 作用域)——2026 0310
前端·javascript·学习
Moment14 分钟前
2026 年 Next.js 站点的 SEO 优化指南
前端·javascript·面试
We་ct16 分钟前
LeetCode 46. 全排列:深度解析+代码拆解
前端·数据结构·算法·leetcode·typescript·深度优先·回溯
problc17 分钟前
前端预览pdf有哪些方案
前端·pdf
小小仙。20 分钟前
IT自学第三十二天
服务器·前端·javascript