React.js stampare testo come HTML

Question

Questo è come il render codice è ora (e so che è pericoloso per farlo):

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

La domanda è: come faccio a rendere in modo sicuro? So che c'è un metodo .html() in jQuery, ma non l'ho fatto :)

P.S. jQuery è incluso poiché si tratta di un'applicazione Rails.

Answer 1

Riferimento 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