18910140161

JavaScript-如何从字符串中获取所有HTML标记,并将它们添加到数组中,然后在React中加载它们-堆栈溢出

顺晟科技

2022-10-18 13:48:57

54

我正在做一个博客反应网站。当用户创建新博客时,他们添加到博客主体的HTML标记将保存到MySQL数据库中。

我正在尝试从数据库中获取博客的主体,并将所有HTML标记及其属性和内容添加到一个数组中。

这是博客信息页面的代码。

<代码><;文章>;<;H2>;{博客[0].title}<;/H2>;<;p类名称=";由";编写>;作者:{博客[0].作者}<;/p>;<;细分(>;)<;前类名=";pre";>;{博客[0].body}<;/pre>;<;/DIV>;{cookies.get(";WebToken";)&;&;(<;按钮onClick={handleDelete}>;删除<;/按钮>;)}<;/文章>;
但这样做

的问题是,它将博客的主体以及HTML标记和所有内容都显示为字符串。

示例图像:实施例1

我也试过这个:

<代码><;文章>;<;H2>;{博客[0].title}<;/H2>;<;p类名称=";由";编写>;作者:{博客[0].作者}<;/p>;<;细分(>;)<;前类名=";前";>;{解析器.ParseFromString(博客[0].body,";text/HTML";).QuerySelector(正文)}<;/pre>;<;/DIV>;{cookies.get(";WebToken";)&;&;(<;按钮onClick={handleDelete}>;删除<;/按钮>;)}<;/文章>;

但这给我带来了以下错误:

错误:对象作为React子级无效(找到:[Object HtmlBodyElement])。如果您打算呈现子元素的集合,请改用数组

你知道我可以尝试什么吗?


顺晟科技:

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航