React：内容中的原始 HTML 标记答案

【问题标题】：React: Raw HTML tag in contentReact：内容中的原始 HTML 标记
【发布时间】：2018-11-13 23:13:29
【问题描述】：

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

说：

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

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

如果我使用dangerousHtml，那么它会像这样显示，没有粗体“这里有一些文字”

有人可以帮忙吗？

提前致谢！

【问题讨论】：

请编辑您的问题以包含您编写的代码。
没有dangerousHtml。
嗨卢克这只是一个例子。我的意思是如果我使用危险HTML，那么 HTML 标签不会显示在页面上，但粗体效果也不会出现。
Rendering raw html with reactjs的可能重复

标签： reactjs ecmascript-6 redux react-dom

【解决方案1】：

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

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

并在您的代码中使用它，例如：

<div dangerouslySetInnerHTML={createMarkup()} />

有关“dangerouslySetInnerHTML”的参考，请阅读以下内容：

dangerouslySetInnerHTML

【讨论】：

或者没有函数：
text here" }} />
感谢hitesh 和Daniel 的回复，我已经按照你说的那样使用了，但后来它显示为“这里有一些文字”。我需要用标签加粗“文本”这个词

【解决方案2】：

yarn add raw-html-react

或

npm install raw-html-react

import ReactHtml from 'raw-html-react';

const html = `<div data-react-component="MyComponent"></div>`;
return <ReactHtml html={html} componentMap={{ MyComponent }} />;

【讨论】：