React 好用的工具库

1、html-react-parser

HTML 到 React 解析器,适用于服务器 (Node.js) 和客户端(浏览器),适用于React节点修改过滤等需求

  • 解析器将 HTML 字符串转换为一个或多个 React 元素。
  • 可以将一个元素替换为另一个元素
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. React 工具

    2023-12-09 00:40:05       36 阅读
  2. 一个前端工具包 - 百涂工具

    2023-12-09 00:40:05       18 阅读
  3. AI 工具

    2023-12-09 00:40:05       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-09 00:40:05       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-09 00:40:05       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-09 00:40:05       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-09 00:40:05       20 阅读

热门阅读

  1. 关于 React 如何自定义配置 HighCharts tooltip

    2023-12-09 00:40:05       33 阅读
  2. CentOS 7 安装 Nginx

    2023-12-09 00:40:05       36 阅读
  3. 与脾气不太好的领导,相处原则和相处技巧分享

    2023-12-09 00:40:05       33 阅读
  4. flutter布局详解及代码示例(补充)

    2023-12-09 00:40:05       34 阅读
  5. MySQL 错误 1292 是什么?怎么解决?

    2023-12-09 00:40:05       38 阅读
  6. MySQL查看和修改时区

    2023-12-09 00:40:05       39 阅读
  7. 数据结构详解各种算法

    2023-12-09 00:40:05       35 阅读