Bind Umfang Event-Handler, aber halten ursprüngliche Argument

Question

binde ich ein ein Ereignis auf diese Weise:

render() { 
    return <button onClick={this.click.bind(this)}>click me</button> 
} 

Aber ich würde das ursprüngliche Argument der onClick Ereignis abrufen müssen.

click(evt) { 
    // evt is undefined here 
    this.setState({ evt: evt }) 
} 

Wie kann ich diesen Code arbeiten lassen?

Answer 1

Um die e aus dem Click-Ereignis propagieren Sie in einer anderen Funktion wickeln kann:

render() { 
    return <button onClick={function(e) { this.click(e)}.bind(this)}>click me</button> 
} 

Alternativ können Sie Pfeil-Funktionen verwenden, wenn Sie sind in ES6:

render() { 
    return <button onClick={(e) => { this.click(e)}}>click me</button> 
}