バインドイベントハンドラへの適用範囲が、元の引数

を保つには、私は、このようにイベントをバインドします。バインドイベントハンドラへの適用範囲が、元の引数

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

このコードを動作させるにはどうすればよいですか？

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

それとも、あなたがES6である場合は、矢印の機能を使用することができます：あなたは別の関数でラップすることができ、クリックイベントからeを伝播する

2016-05-04 Fez Vrasta

元の引数が何でありますか？ 'evt.target'？「これ？ –

'evt'だけ、' onClick'イベントリスナーによって渡されるデフォルトの引数 –

今、何が起こっていますか？ 'evt'は定義されていませんか？ –

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

2016-05-04 13:58:13

私のReactコンポーネントではなく、関数のコンテキストであるwrapper関数内に 'this'がありませんか？ –

これがラッピング機能がバインドされている理由です。 'function（e）{this.click（e）}。bind（this） ' –

ahはい申し訳ありません私は大括弧 –

答えて