如果我在我的 React 应用程序中呈现包含 HTML 标签的文本，有没有办法显示 HTML？ [复制]答案

【问题标题】：If I render text that includes HTML tags in my React app, is there a way to display the HTML? [duplicate]如果我在我的 React 应用程序中呈现包含 HTML 标签的文本，有没有办法显示 HTML？ [复制]
【发布时间】：2025-12-08 02:55:01
【问题描述】：

我现在正在为其他人建立一个网站。这是一个动态网站（使用 React 构建），内容从数据库中获取。然后，网站所有者无需联系我即可登录并更新内容。

现在，显示内容的代码如下所示：

<p className={classes.paragraph} key={index}>
   {paragraph}
</p>

如果我的客户决定使用一些 HTML 标记更新他的内容，则不会显示处理后的 HTML。我想这是一件好事，因为有恶意的人可以使用脚本标签在幕后做事。然而，唯一接触内容的是我的客户，我希望他能够使用基本的 HTML 来创建粗体或斜体文本和类似的东西。有没有办法让这成为可能？

提前致谢！

【问题讨论】：

你应该使用dangerouslySetInnerHTML。见：reactjs.org/docs/dom-elements.html

标签： html reactjs

【解决方案1】：

选项是将dangerouslySetInnerHTML={{__html: 'some html content here'}} 放在 html 标记上。

例子：

<div
    dangerouslySetInnerHTML={{
        __html: '<span><i>Some</i> html text inside</span>',
    }}
/>

或者在你的情况下：

<p 
    className={classes.paragraph}
    key={index}
    dangerouslySetInnerHTML={{
        __html: paragraph,
    }}
/>

【讨论】：

这正是我想要的。谢谢。