Как визуализировать элемент реакции с помощью строки 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> 
    ); 
    } 
}); 

В настоящее время {this.props.html_string} дает мне текстовый узел. Как я могу создать узел HTML DOM?

Answer 1

Что вы хотите dangerouslySetInnerHTML

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

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

Edit: вы хотите HTMLEncode строку.

Answer 2

быть также известно о React.renderToString('html'), которые могут быть использованы на сервере - https://facebook.github.io/react/docs/top-level-api.html