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>;
    }
  },
});
相关推荐
梦鱼13 小时前
element-ui:el-autocomplete实现滚动触底翻页
前端
阿伟实验室13 小时前
debian10部署简易web服务器
运维·服务器·前端
云枫晖14 小时前
Vue3 响应式原理:从零实现 Reactive
前端·vue.js
月弦笙音14 小时前
【AI】👉提示词入门基础篇指南
前端·后端·aigc
konh14 小时前
React Native 自定义字体导致 Text / TextInput 文本垂直不居中的终极解决方案
前端·react native
奔赴_向往14 小时前
跨域问题深度剖析:为何CORS设置了还是报错?
前端
纯爱掌门人14 小时前
别再死磕框架了!你的技术路线图该更新了
前端·架构·前端框架
没头脑的男大14 小时前
Unet实现脑肿瘤分割检测
开发语言·javascript·ecmascript
丁点阳光14 小时前
Ract Router v7:最全基础与高级用法指南(可直接上手)
前端·react.js
~无忧花开~14 小时前
Vue.config.js配置全攻略
开发语言·前端·javascript·vue.js