Ottieni un componente di input puntelli suBlur

Question

È possibile ottenere i puntelli di un input con l'evento onBlur?

Con event.target.value ottengo il valore del mio input.

È possibile ottenere il props del componente in un modo simile?

Answer 1

Certo che puoi, ecco un fiddle:

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

Oppure, se si riceve la funzione di padre come una proprietà, si dovrebbe legarlo al contesto componenti.

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