Làm cách nào để hiển thị phần tử phản ứng bằng chuỗi 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> 
    ); 
    } 
}); 

Hiện tại {this.props.html_string} cung cấp cho tôi nút văn bản. Làm thế nào tôi có thể biến nó thành nút DOM HTML?

Answer 1

gì bạn muốn là dangerouslySetInnerHTML

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

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

Edit: bạn sẽ muốn htmlencode chuỗi.

Answer 2

Cũng hãy lưu ý React.renderToString('html') mà có thể được sử dụng trên máy chủ - https://facebook.github.io/react/docs/top-level-api.html