React.js将文本呈现为HTML

Question

这就是渲染代码现在的样子(我知道这样做是不安全的):

render: function() {
  return (
    <div className="container-fluid pages_container">
      <p dangerouslySetInnerHTML={{__html: this.state.page.body}} />
    </div>
  );
}

问题是如何安全地渲染它？我知道jQuery中有一些.html()方法,但我没有成功:)

PS jQuery包含在内,因为它是一个Rails应用程序.

Answer 1

参考https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script>

render: function() {
  return (
    <div className="container-fluid pages_container">
      <p dangerouslySetInnerHTML={{__html: marked(this.state.page.body, {sanitize: true})}} />
    </div>
  );
}

的jsfiddle