String 解析&；用React组件包装HTML字符串_String_Parsing_Reactjs_Elements

String 解析&；用React组件包装HTML字符串

string parsing reactjs

String 解析&；用React组件包装HTML字符串,string,parsing,reactjs,elements,String,Parsing,Reactjs,Elements,我正在访问一个API端点，它以字符串形式返回博客文章的HTML。因此，响应字符串中有大量的标记、、和标记，元素嵌套的数量也不多在react应用程序中，我想解析这个HTML字符串，并用自定义react组件（即在lazy load react组件中包装一个图像标记）替换一些HTML元素（图像、段落）做这件事的好/干净方法是什么？试图用正则表达式解析HTML似乎是一种反模式，我不确定还有什么其他可能的选择。将字符串解析为传统的dom节点，然后遍历集合目前，我只是使用dangerlysetiner

我正在访问一个API端点，它以字符串形式返回博客文章的HTML。因此，响应字符串中有大量的

标记、

、

和

标记，元素嵌套的数量也不多

在react应用程序中，我想解析这个HTML字符串，并用自定义react组件（即在lazy load react组件中包装一个图像标记）替换一些HTML元素（图像、段落）

做这件事的好/干净方法是什么？试图用正则表达式解析HTML似乎是一种反模式，我不确定还有什么其他可能的选择。将字符串解析为传统的dom节点，然后遍历集合

目前，我只是使用

dangerlysetinerhtml

将html呈现为react组件中的字符串

在保持节点的原始顺序（即在博客帖子中）的同时，用React组件包装html-as-a-string实体的可靠、非正则的方法是什么？查看此模块，看看它是否能帮助您：（）。基本上，你可以：

将html字符串转换为React组件节点

替换元素的子元素

不要用正则表达式或@AndrewLi-yup解析HTML！正是我说我不想的原因。我不想Zalgo找到我：）