Reactで2つのonClick関数を追加する方法

Question

ちょっと〜私は、同じOnClick on Reactでsubmit関数とgoogleのクリックイベントを発生させようとしています。どのように私はこれをReactで行うのですか？

これはコードです：

<button className={s.button} onClick={this.submit} onClick={() => {gaClickEvent('where-to-buy', 'submit' , undefined)}}> 

Answer 1

これには2通りの方法があります。

まず、ES6関数のリテラル構文でインラインで定義しているクリックハンドラに2つのステートメントを挿入できます。

​​

しかし、これは私がonClickハンドラを使いこなすのに便利なコードです。私があなただったら、このロジックをコンポーネントのハンドラメソッドに分けます。例：最初の1の2番目のonClickを呼び出さない理由

var MyComponent = React.createClass({ 
    handleClick() { 
    gaClickEvent('home-where-to-buy', 'submit' , undefined); 
    this.submit(); 
    }, 
    render() { 
    return <button 
     className={s.button} 
     onClick={(e) => this.handleClick(e)} > 
     I am a button! 
     </button>; 
    } 
}) 

Answer 2

あなたはこの

class Mycomponent extends React.component { 
submit(e) { 
    //handle event 
} 
render() { 
    return <button className={s.button} onClick={this.submit.bind(this)} /> 
} 
}