Jak renderować element reagowania za pomocą łańcucha 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> 
    ); 
    } 
}); 

Obecnie {this.props.html_string} daje mi węzeł tekstowy. Jak mogę uczynić ten węzeł HTML DOM?

Answer 1

Co chcesz jest dangerouslySetInnerHTML

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

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

Edit: będziemy chcieli HtmlEncode ciąg.

Answer 2

być także świadomi React.renderToString('html') które mogą być używane na serwerze - https://facebook.github.io/react/docs/top-level-api.html