反应：内容中的原始HTML标签 [英] React: Raw HTML tag in content

问题描述

我正在开发一个React应用。
有一些包含HTML标签的动态内容。当我在页面上显示该内容时，它带有原始HTML标记。

I am working on a React app. There is some dynamic content which contents HTML tags. When I am showing that content on the page, it's showing with raw HTML tag.

例如：

const msg = "Some <strong>text</strong> here"

我想在页面
上这样显示某些文本

如果我使用

If I use dangerousHtml then it's showing like this without bold "Some text here"

有人可以帮忙吗？

提前感谢！

推荐答案

您可以使用'dangerouslySetInnerHTML'，例如：

You can use the 'dangerouslySetInnerHTML' like:

const msg = () => ({__html: 'Some <strong>text</strong> here'});

并在您的代码中使用它，例如：

and use it in your code like:

<div dangerouslySetInnerHTML={createMarkup()} />

有关 dangerouslySetInnerHTML的内容，请阅读：

For reference for 'dangerouslySetInnerHTML' read this:

dangerouslySetInnerHTML

这篇关于反应：内容中的原始HTML标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！