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 分钟前
[特殊字符] Vue3 项目最佳实践:组件命名、目录结构与类型规范指南
前端·前端架构·vue3项目搭建
F_Director5 分钟前
简说Vue3 computed原理
前端·vue.js·面试
行走的陀螺仪14 分钟前
Flutter 开发环境配置教程
android·前端·flutter·ios
焦糖小布丁16 分钟前
代码签名证书如何有效消除Windows系统警告?
前端
icebreaker28 分钟前
重新思考 weapp-tailwindcss 的未来
前端·javascript·css
焦糖小布丁30 分钟前
为什么IP地址SSL证书比域名证书更贵?
前端
光影少年35 分钟前
WEBNN是什么,对前端工程带来哪些优势
前端·web3·web
djk888836 分钟前
极简后台框架
前端·css·css3
LilySesy1 小时前
ABAP+如果在join的时候需要表1的字段某几位等于表2的字段的某几位,需要怎么做?
服务器·前端·数据库·sap·abap·alv
涤生啊1 小时前
一键搭建 Coze 智能体对话页面:支持流式输出 + 图片直显,开发效率拉满!
javascript·html5