React Js：テンプレートを使ってaをレンダリングする方法は？

Question

jqueryを使用して次の操作を行いました。私は反応jsを使用して同じことを達成したいですが、私はそれを複数回レンダリングする方法はありません。

jsFiddle- https://jsfiddle.net/uxzdfsLj/4/

あなたはユーザー-enterd HTMLレンダリングにdangerouslySetInnerHTMLを使用することができますjsのコード

import ReactDOM from 'react-dom'; 
import React from 'react'; 
import {render} from 'react-dom'; 
import $ from 'jquery'; 

var Note = React.createClass({ 
componentDidMount : function(){ 

     ReactDOM.findDOMNode(this.refs.nameInput).focus() 

}, 

create:function(event){ 

    if(event.charCode == 13) { 
    alert('Enter... (KeyPress, use charCode)'); 

}}, 


render :function(){ 
    return( 
    <div class="reply"> 
    <input type="text" class="text" ref="nameInput" placeholder="Enter Text Here..." onKeyPress={this.create}></input> 
    </div> 
    ) 
} 

}); 




ReactDOM.render(<Note/>, document.getElementById('app')); 

Answer 1

に反応：あなたは極端にそれを使用する必要があることが

<div dangerouslySetInnerHTML={{__html: '<h1>Go</h1>'}} /> 

注意を、お手入れ。入力された情報がどこかのサーバーに保存され、他のユーザーに送信された場合、ユーザーが入力したHTMLはセキュリティ上の脆弱性のためにアプリケーションを開くことができます。

Answer 2

あなたは方法をレンダリングするのあなたのhtmlを書いて、ちょうどあなたの

componentDidMount : function(){ 

     ReactDOM.findDOMNode(this.refs.nameInput).focus() 

}, 

へ

componentDidMount : function(){ 

     this.refs.nameInput.focus() 

},