React将粘贴的html作为标记而不是字符串渲染

Question

我有一个简短的问题。我目前正在后端使用Python开发一个React应用程序。在Python方面，我解析了一些html文件，并从中提取了一些html标签。然后将其打包为JSON并发送到前端。因此，React应用会收到如下内容：

{'<b>id</b>': '<a href="https://example.com?foo=42">Link</a>'}

因此，它们就像字符串形式的原始html标签。现在我要渲染它们。发生这种情况：

这是在开发工具下的外观：

因此它被渲染为文字字符串，而我想要的是左侧的文本为粗体，而另一侧的文本为实际的超链接。有办法吗？

Answer 1

React有意停止此操作。 See the docs。

  

通常，从代码设置HTML是有风险的，因为很容易在无意间使用户遭受跨站点脚本（XSS）攻击。

您仍然可以使用sudo npm i -g nodemon 完成它。将以下测试div替换为包含html的变量。

dangerouslySetInnerHTML