Argomento Pass per reactjs gestore di clic

Question

Ho una domanda sul passaggio di argomenti a React click handlers. Ho il seguente codice, ma per qualche motivo l'argomento nodo non viene passato alla funzione di commutazione. Non dovrebbe? È definito in questo modo perché è una componente ricorsiva.

var Element = React.createClass({ 

    toggle: function(e,node){ 

    }, 

    render: function(){ 

     var nodes = this.props.children.map(function(n){ 

       return <Element node={n} text={n.text} children={n.children} /> 

     }); 

     return (
       <span onClick={this.toggle.bind(this,this.props.node)}>{this.props.text}</span> 

     ); 
    } 

}); 

Answer 1

Function.prototype.bind argomenti di collegamento a partire da sinistra. Il modo corretto per ricevere l'argomento nodo è cercarlo nella posizione più a sinistra della lista degli argomenti:

toggle: function(node, event) { 
    console.log('node', node); 
    console.log('event', event); 
} 

Vedi http://jsfiddle.net/8xxfgce7/ per un esempio.

Answer 2

Mentre la risposta sopra è corretta. Ecco un altro esempio di come passare entrambi gli eventi evento e parametro a onClick.

tuo sparare elemento evento per esempio un pulsante:

<button onClick={this.editTask.bind(this, item._id)}> 
    Edit item 
</button> 

funzione di gestione degli eventi:

editItem(id, event) { 
    event.preventDefault() // Prevents default form submission 
    console.log('id: ', id) // Prints the item id 
    . 
    . 
    . 
}