javascript - 如何使用 React 从 CMS 渲染内容?

标签 javascript html reactjs content-management-system react-dom

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

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

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

那么在 React 中是否还有另一种渲染 HTML 字符串的方法?

最佳答案

您可以使用dangerouslySetInnerHTML,它是在浏览器DOM 中使用innerHTML 的React 替代品。通常,从代码设置 HTML 可能有点冒险,因为您可能会无意中使您的用户暴露于 XSS 攻击(跨站点脚本)。

您可以直接从 React 设置 HTML,但您在名称中输入 dangerous*(并传递一个带有 __html 的对象)以提醒自己这是危险的

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

关于javascript - 如何使用 React 从 CMS 渲染内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45687820/

相关文章:

javascript - 创建同一 html 页面的弹出版本,但带有附加样式表

javascript - 准备文件下载时更改主体上的光标类型

javascript - 如何自动将allowfullscreen添加到每个新的iframe

javascript - 将 chatango 添加到 Bootstrap 问题

javascript - 库伯内特斯 : Pause main script while keeping pod alive

html - Bootstrap 面板不适用于某些颜色

javascript - 需要 JQuery 选择帮助

reactjs - 需要了解配置 React 和 cypress 的最佳方法

reactjs - 如何在拦截器中使用 Axios cancelToken?

javascript - React Hooks 表单 : undefined values on submit