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

Question

我的 react 应用从 Wordpress 获取内容。编辑者可以将内容添加到 WP 的编辑器中，他们可以在其中设置文本样式和格式。

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

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

那么还有另一种在 react 中渲染 HTML 字符串的方法吗？

Answer 1

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

您可以直接从 React 设置 HTML，但您在名称中输入 dangerous*（并使用 __html 传递一个对象）以提醒自己这是危险的。

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