React/JS - 追加のパラメータをonClickハンドラに渡す方法

Question

シナリオは単純です - 私はそれらをクリックすると、イベント "e"を使用して、ユーザーがクリックした要素を追跡しますこのように） "e.target"を取得することは、このようにonClickからかなりシンプルです。

React.createElement('span', { 
    onClick: this._toggleIcons 
}, span); 

_toggleIcons: function(e){ 
    $(e.target).toggleClass("show"); 
}, 

これまでのところとても良いです。

---

しかし、今ではイベント「e」に追加パラメータを渡す必要がありますが、その方法はわかりません。これが可能か不可能かは分かりません。

React.createElement('span', { 
    onClick: this._toggleRemoveOption(?params?) 
}, span2); 

_toggleRemoveOption: function(e, param1, param2){ 
    $(e.target).toggleClass("remove"); 

    console.log(e.target); 
    console.log(param1); 
    console.log(param2); 
}, 

だから私の質問はこれです - 白私のonClickイベントハンドラのパラメータにどのように私は（PARAM1、PARAM2）それらを使用しても「e.target」へのアクセス権を持つことができるように？

はありがとう

Answer 1

（es5ify道）新しい関数を作成します

React.createElement('span', { 
    onClick: (function(_this){ 
     return function(e) { 
     _this._toggleRemoveOption(e, 'param1', 'param2') 
     } 
    }(this)) 

}, span2); 

それとも

React.createElement('span', { 
    onClick: function(e) { 
     this._toggleRemoveOption(e, 'param1', 'param2') 
    }.bind(this) 

}, span2); 

Answer 2

利用バインド：

React.createElement('span', { 
     onClick: this._toggleRemoveOption.bind(null, param1, param2) 
    }, span2); 


    _toggleRemoveOption: function(param1, param2, e){ 
     $(e.target).toggleClass("remove"); 

     console.log(e.target); 
     console.log(param1); 
     console.log(param2); 
    },