我在处理 facebook 的 ReactJS 时遇到了麻烦。每当我执行 ajax 并想要显示 html 数据时，ReactJS 都会将其显示为文本。（见下图）
通过jquery Ajax的success回调函数显示数据。
$.ajax({
url: url here,
dataType: "json",
success: function(data) {
this.setState({
action: data.action
})
}.bind(this)
});
有什么简单的方法可以将其转换为 html？我应该如何使用 ReactJS 做到这一点？
默认情况下，React 会转义 HTML 以防止XSS（跨站点脚本）。如果你真的想呈现 HTML，你可以使用dangerouslySetInnerHTML属性：
<td dangerouslySetInnerHTML={{__html: this.state.actions}} />
React 强制使用这种有意繁琐的语法，这样您就不会意外地将文本呈现为 HTML 并引入 XSS 错误。
现在有更安全的方法来实现这一点。该文档已更新，使用这些方法。
其他方法
最简单- 使用 Unicode，将文件另存为 UTF-8 并将 设置charset为 UTF-8。
<div>{'First · Second'}</div>
更安全- 对 Javascript 字符串中的实体使用 Unicode 编号。
<div>{'First \u00b7 Second'}</div>
或者
<div>{'First ' + String.fromCharCode(183) + ' Second'}</div>
或者带有字符串和 JSX 元素的混合数组。
<div>{['First ', <span>·</span>, ' Second']}</div>
最后的手段- 使用dangerouslySetInnerHTML.
<div dangerouslySetInnerHTML={{__html: 'First · Second'}} />
我建议使用交织产生的milesj。它是一个非凡的库，它利用了一些巧妙的技术来解析 HTML 并将其安全地插入到 DOM 中。
Interweave 是一个react库，可以安全地呈现 HTML、过滤属性、使用匹配器自动换行文本、呈现表情符号字符等等。
用法示例：
import React from 'react';
import { Markup } from 'interweave';
const articleContent = "<p><b>Lorem ipsum dolor laboriosam.</b> </p><p>Facere debitis impedit doloremque eveniet eligendi reiciendis <u>ratione obcaecati repellendus</u> culpa? Blanditiis enim cum tenetur non rem, atque, earum quis, reprehenderit accusantium iure quas beatae.</p><p>Lorem ipsum dolor sit amet <a href='#testLink'>this is a link, click me</a> Sunt ducimus corrupti? Eveniet velit numquam deleniti, delectus <ol><li>reiciendis ratione obcaecati</li><li>repellendus culpa? Blanditiis enim</li><li>cum tenetur non rem, atque, earum quis,</li></ol>reprehenderit accusantium iure quas beatae.</p>"
<Markup content={articleContent} /> // this will take the articleContent string and convert it to HTML markup. See: https://milesj.gitbook.io/interweave
//to install package using npm, execute the command
npm install interweave
npm i html-react-parser;
import Parser from 'html-react-parser';
<td>{Parser(this.state.archyves)}</td>
对于那些仍在试验中的人， npm install react-html-parser
当我安装它时，它每周有 123628 次下载。
import ReactHtmlParser from 'react-html-parser'
<div>{ReactHtmlParser(htmlString)}</div>