React.js renderowanie tekstu jako HTML

Question

ten sposób czynią kod wygląda teraz (I wiem, że to niebezpieczne, aby to zrobić):

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

pytanie brzmi, jak mogę uczynić go bezpiecznie? Wiem, że istnieje pewna metoda .html() w jQuery, ale nie udało mi się tego zrobić :)

P.S. jQuery jest dołączony, ponieważ jest to aplikacja Rails.

Answer 1

referencyjny 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