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>;
    }
  },
});
相关推荐
ISkp3V8b47 小时前
ASP.NET MVC]Contact Manager开发之旅之迭代2 - 修改样式,美化应用
前端·chrome
Highcharts.js8 小时前
高级可视化图表的暗色模式与主题|Highcharts 自适应主题配色全解
前端·react.js·实时图表
zk_one9 小时前
【无标题】
开发语言·前端·javascript
AIBox36510 小时前
openclaw api 配置排查与接入指南:网关启动、配置文件和模型接入全流程
javascript·人工智能·gpt
precious。。。10 小时前
1.2.1 三角不等式演示
前端·javascript·html
阿珊和她的猫10 小时前
TypeScript 中的 `extends` 条件类型:定义与应用
javascript·typescript·状态模式
众创岛10 小时前
iframe的属性获取
开发语言·javascript·ecmascript
小陈工10 小时前
Python Web开发入门(十一):RESTful API设计原则与最佳实践——让你的API既优雅又好用
开发语言·前端·人工智能·后端·python·安全·restful
星空10 小时前
前段--A_2--HTML属性标签
前端·html
三万棵雪松11 小时前
【Linux 物联网网关主控系统-Web部分(一)】
linux·前端·嵌入式linux