使用 React 组件解析和包装 HTML 个字符串
parsing & wrapping HTML strings with React components
我正在访问 API 端点，returns 博客 post 的 HTML 作为字符串。响应字符串中有很多 <p> 标签、<img>、<span> 和 <div> 标签，元素嵌套的数量无关紧要。
在 React 应用程序中，我想解析这个 HTML 字符串，并用自定义 React 组件（即将图像标签包装在延迟加载反应组件）。
执行此操作的好/干净方法是什么？试图用正则表达式解析 HTML 似乎是一种反模式，我不确定还有哪些其他可能的选择。将字符串解析成传统的dom节点，然后遍历集合?
目前我只是使用 dangerouslySetInnerHTML.
在 React 组件中渲染 html-as-string
什么是可靠的、非正则表达式的方式来用 React 组件包装 html-as-a-string 实体，同时保持节点的原始顺序（即在博客中post)?
看看这个模块，看看它是否可以帮助你：(https://www.npmjs.com/package/html-to-react)。基本上，您可以：
- 将 html 字符串转换为 React 组件节点
- 替换元素的子元素
我正在访问 API 端点，returns 博客 post 的 HTML 作为字符串。响应字符串中有很多 <p> 标签、<img>、<span> 和 <div> 标签，元素嵌套的数量无关紧要。
在 React 应用程序中，我想解析这个 HTML 字符串，并用自定义 React 组件（即将图像标签包装在延迟加载反应组件）。
执行此操作的好/干净方法是什么？试图用正则表达式解析 HTML 似乎是一种反模式，我不确定还有哪些其他可能的选择。将字符串解析成传统的dom节点，然后遍历集合?
目前我只是使用 dangerouslySetInnerHTML.
什么是可靠的、非正则表达式的方式来用 React 组件包装 html-as-a-string 实体，同时保持节点的原始顺序（即在博客中post)?
看看这个模块，看看它是否可以帮助你：(https://www.npmjs.com/package/html-to-react)。基本上，您可以：
- 将 html 字符串转换为 React 组件节点
- 替换元素的子元素