Reactjs 如何在从数据库获取的React中显示HTML标记

例如： 在DB中

{
“文本”：“这是一个文本”
}

但在前端，它显示：

<p>This is a text</p>

这是一个文本

---

如何在react中解释为HTML标记？

您可以直接使用以下方法设置HTML：

函数应用程序（）{
常数数据=[
{“文本”：“这是一个文本”
}，
{“text”：“
Hello World
”，
];
返回(
{data.map（item=>）}
);
}
函数未完成组件（{html}）{
返回；
}
ReactDOM.render（，document.getElementById（'root'））
您可以使用以下命令直接设置HTML：


函数应用程序（）{
常数数据=[
{“文本”：“这是一个文本”
}，
{“text”：“
Hello World
”，
];
返回(
{data.map（item=>）}
);
}
函数未完成组件（{html}）{
返回；
}
ReactDOM.render（，document.getElementById（'root'））

感谢您的回答，工作正常。但是它容易受到XSS（跨站点脚本）的攻击。当然，正如文档中所述，从代码中设置HTML是有风险的，因为它很容易在不经意间让您的用户受到跨站点脚本（XSS）攻击。使用此技术时，您需要自己注意数据安全。是否有任何方法可以通过使用此技术来保护数据的安全？谢谢您的回答，工作正常。但是它容易受到XSS（跨站点脚本）的攻击。当然，正如文档中所述，从代码中设置HTML是有风险的，因为它很容易在不经意间让您的用户受到跨站点脚本（XSS）攻击。使用此技术时，您需要自己注意数据安全。是否有任何方法可以通过危险地使用此技术来保护数据安全？
<p>This is a text</p>