html durum dizgisinde render

Question

html'nin bir bölümünü güncellemek için setState'i kullanıyorum ancak yeni güncelleme html'sinin oluşturulmadığını buldum.

html:

<div>hello<br />world<br /></div> 
<div id='content'></div> 

js: İşte kod, js fiddle olduğunu

var Main = React.createClass({ 
    getInitialState: function() { 
     return {output: 'hello<br />world<br />'}; 
     }, 
    render: function() { 
     return (
      <div>   
       {this.state.output} 
      </div> 
     ); 
     } 
}); 

React.renderComponent(<Main/>, document.getElementById('content')); 

ben sunucudan parçayı o güncelleme html ihmal ancak sonuç aynıdır. Durumdaki dize nasıl işlenir?

Answer 1

kullanın dangerouslySetInnerHTML bir dize olarak HTML enjekte etmek Tepki (ama sanal DOM var reaksiyon göster not Bu işaretlemeyi kullanmak mümkün olmayacaktır):

<div dangerouslySetInnerHTML={{__html: this.state.output}} /> 

http://jsfiddle.net/5Y8r4/11/

yapacak API Bu kasıtlı olarak karmaşıktır, çünkü bu rutin olarak güvenli değildir. Tepki, dangerouslySetInnerHTML kullanarak XSS'e karşı korumalara sahiptir ve bu verileri dezenfekte etmemeniz durumunda sizi riske atar.