如何使用React从CMS渲染内容？

Question

我的反应应用程序从Wordpress获取内容。编辑可以向WP的编辑器添加内容，他们可以在其中设置文本样式并对其进行格式化。

如何使用react？在客户端站点上呈现此文本？

到目前为止，我尝试过使用dangerouslySetInnerHTML，但这个名字告诉我，我不应该使用它 - 至少不是经常使用它，但我的所有内容都来自Wordpress。

那么还有另一种呈现HTML字符串的方式吗？

Answer 1

你可以使用dangerouslySetInnerHTML，它是在浏览器DOM中使用innerHTML的Reacts替代品。通常，从代码设置HTML可能有点冒险，因为您可能会无意中将您的用户暴露给XSS攻击（跨站点脚本）。

您可以直接从React设置HTML，但是您在名称中键入危险* （并将带有__html的对象传递给提醒自己这是危险的。

在您的情况下，由于内容来自授权编辑编辑内容的WP，因此应该没问题。