如果我在React应用程序中呈现包含HTML标记的文本,是否有方法显示HTML?
我正在为其他人建立一个网站。这是一个动态网站(使用React构建),内容来自数据库。然后,网站所有者可以登录并更新内容,而无需联系我 现在,显示内容的代码如下所示:如果我在React应用程序中呈现包含HTML标记的文本,是否有方法显示HTML?,html,reactjs,Html,Reactjs,我正在为其他人建立一个网站。这是一个动态网站(使用React构建),内容来自数据库。然后,网站所有者可以登录并更新内容,而无需联系我 现在,显示内容的代码如下所示: <p className={classes.paragraph} key={index}> {paragraph} </p> {段落} 如果我的客户决定用一些HTML标记更新他的内容,则不会显示处理后的HTML。我想这是件好事,因为有恶意的人可能会在幕后使用脚本标记。但是,唯一接触内容的人是我的
<p className={classes.paragraph} key={index}>
{paragraph}
</p>
{段落}
如果我的客户决定用一些HTML标记更新他的内容,则不会显示处理后的HTML。我想这是件好事,因为有恶意的人可能会在幕后使用脚本标记。但是,唯一接触内容的人是我的客户,我希望他能够使用基本的HTML来创建粗体或斜体文本之类的内容。有没有办法让这成为可能
提前谢谢 选项是将
危险的setinenerHTML={{{{uuuhtml:'somehtml content here'}}
放在html标记上
例如:
<div
dangerouslySetInnerHTML={{
__html: '<span><i>Some</i> html text inside</span>',
}}
/>
或者在您的情况下:
<p
className={classes.paragraph}
key={index}
dangerouslySetInnerHTML={{
__html: paragraph,
}}
/>
您应该使用危险的LysetinerHTML
。看:这正是我要找的。谢谢