Javascript 在React中使用HTML/CSS呈现电子邮件

我正在从gmail获取一封电子邮件，并抓取了带有CSS标记的html。我想在React应用程序中呈现它，但React将其解释为字符串vs html

如何告诉react呈现HTML/CSS

var AnotherComponent = React.crateClass({
  render: function() {
    return (
      <div>{this.props.html_email}</div>
    )
  }
})

var Test = React.createClass({
  render: function() {
    return (
      <AnotherComponent html_email = {this.props.html_body} />
    )
  }
})

---

它将所有html显示为一个字符串，而不是像这样传递一些文本。如果您确实需要这样做，您应该：

var AnotherComponent = React.crateClass({
  render: function() {
    return (
      <div dangerouslySetInnerHTML={{__html: this.props.html_email}}</div>
    )
  }
})

var AnotherComponent=React.class({
render:function（）{
返回(
因为你是这样通过的。如果你真的需要这样做，你应该：

var AnotherComponent = React.crateClass({
  render: function() {
    return (
      <div dangerouslySetInnerHTML={{__html: this.props.html_email}}</div>
    )
  }
})

var AnotherComponent=React.class({
render:function（）{
返回(
除了@Piotr的解决方案，您还可以解析HTML并自己呈现。您应该只呈现有效标记的子集，以防止恶意XSS攻击

您还可以使用一些现有的解决方案，如或其他HTML解析器。
除了@Piotr的解决方案之外，您还可以自己解析HTML并呈现它。您应该只呈现有效标记的子集，以防止恶意XSS攻击

您还可以使用一些现有的解决方案，如或其他HTML解析器。
ahh，好的。这只是一个内部应用程序，我正在本地主机上运行，以生成报告：-）啊，好的。这只是一个内部应用程序，我正在本地主机上运行，以生成报告：-）