reactjs - react : Raw HTML tag in content

标签 reactjs ecmascript-6 redux react-dom

我正在开发 React 应用程序。 有一些包含 HTML 标签的动态内容。当我在页面上显示该内容时,它显示的是原始 HTML 标记。

比如说:

const msg = "Some <strong>text</strong> here"

我想在页面上这样显示 一些文本在这里

如果我使用 dangerousHtml 那么它会像这样显示而没有粗体“Some text here”

有人可以帮忙吗?

提前致谢!

最佳答案

您可以像这样使用“dangerouslySetInnerHTML”:

const msg = () => ({__html: 'Some <strong>text</strong> here'});

并在您的代码中使用它,例如:

<div dangerouslySetInnerHTML={createMarkup()} />

有关“dangerouslySetInnerHTML”的引用,请阅读:

dangerouslySetInnerHTML

关于reactjs - react : Raw HTML tag in content,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50683608/

相关文章:

javascript - 如何跟踪选定的组件?

javascript - 查找和替换数组中的对象(基于 id)

javascript - ES6 导出和导入名称函数?

reactjs - 在 React/Redux 中出现 "Uncaught ReferenceError: type is not defined"错误?

javascript - 如何为 react 应用程序配置动态子路径

javascript - React 在小于号之前给出错误

javascript - 为什么在 React 的#setState 中使用函数可以解决异步问题?

javascript - 如何从数组中的所有对象中删除一个简单的特定键值对

reactjs - 我的无状态组件不呈现(Reactjs 和 Redux)

javascript - 如果 getStudents 的响应长度为 1,如何将学生默认为自己