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>;
    }
  },
});
相关推荐
溪语流沙15 分钟前
【Web全栈进阶】文件上传与图片展示:早报站的第一张图片
前端·vue.js·python·fastapi
alwaysrun18 分钟前
Web之wasm-bindgen详解
前端·wasm·bindgen
鬼手点金27 分钟前
如何选择模型
java·前端·人工智能·git·深度学习
恋猫de小郭29 分钟前
Dart 3.15 新特性:this 终于支持类型提升了
android·前端·flutter
IT_陈寒44 分钟前
Vue开发实战:从入门到精通
前端·人工智能·后端
znnnk1 小时前
2026 前端工程化新纪元:Rust 重塑工具链,AI Agent 接管流水线
前端·人工智能·rust
王大师王文峰1 小时前
HTML 入门到进阶:语义化标签、表单与多媒体一篇打通【语义化布局、表单校验、video/audio、Canvas、无障碍与 SEO】
前端·css·node.js·html·css3·jquery·html5
风骏时光牛马1 小时前
AI_Coding:智能代码创作助手
前端
剪刀石头布啊10 小时前
vue-react为何要虚拟dom
前端
剪刀石头布啊10 小时前
ahooks常用的一些库,我们使用一下
前端