Holen Sie sich eine Eingänge Komponente Requisiten onBlur

Question

Ist es möglich, die Requisiten einer Eingabe mit dem onBlur Ereignis zu bekommen?

Mit event.target.value bekomme ich den Wert meiner Eingabe.

Ist es möglich, die props der Komponente einen ähnlichen Weg zu bekommen?

Answer 1

Natürlich können Sie, hier ist ein fiddle:

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

Oder wenn Sie Funktion von den Eltern als eine Eigenschaft erhalten, sollten Sie es an den Komponenten Kontext binden.

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') 
);