入力コンポーネントを取得するonBlur

Question

onBlurイベントで入力の小道具を取得することはできますか？

event.target.value私の入力の価値がわかります。

同様の方法でコンポーネントのpropsを取得することはできますか？

var Hello = React.createClass({ 
    onBlur: function(e) { 
    console.log(this.props) 
}, 
render: function() {  
    return <div> 
    <input onBlur={this.onBlur} /> 
    </div>; 
} 
}); 

それとも、プロパティとして親から機能を受け取る場合は、コンポーネントのコンテキストにバインドする必要がありますあなたができることを確認

Answer 1

は、ここにfiddleです。

Fiddle example：

var Hello = React.createClass({ 
    render: function() {   
    return <div> 
     <input onBlur={this.props.onBlur.bind(this)} /> 
    </div>; 
    } 
}); 

function onBlur(e) { 
    console.log(this.props); 
    console.log(e); 
} 

ReactDOM.render(
    <Hello onBlur={onBlur} name="World" />, 
    document.getElementById('container') 
);