Come eseguire il rendering di un elemento che reagisce usando una stringa html?

Question

var Klass = React.createClass({ 
    this.props.html_string = '<button>BUTTON_TEXT</button>'; 
    render: function(){ 
    return (
     <div className="wrapper"> 
     {this.props.html_string} 
     </div> 
    ); 
    } 
}); 

Attualmente {this.props.html_string} mi fornisce un nodo di testo. Come posso rendere questo un nodo DOM HTML?

Answer 1

quello che vuoi è dangerouslySetInnerHTML

https://facebook.github.io/react/tips/dangerously-set-inner-html.html

function createMarkup() { return {__html: 'First · Second'}; }; 
<div dangerouslySetInnerHTML={createMarkup()} /> 

Edit: si vorrà HTMLEncode la stringa.

Answer 2

anche essere consapevoli di React.renderToString('html') che può essere utilizzato su un server - https://facebook.github.io/react/docs/top-level-api.html