在函数内反应绑定事件

Question

我想将参数传递给onClick函数，但它会在返回时继续触发。我相信我需要绑定点击处理程序，但我不确定如何做到这一点。

＆＃13;

＆＃13;

function (phone_calls, right_side, before_children) {

   
   function test (blah){
		console.log(blah)
    }




  return boxy(
    "Phone Calls",

    _.map(phone_calls, function(a) {



 	 return d("div.splitter-wrap", {onClick: test("testarg")}, [
 	   d("table.splitter", { className: name}, d("tr", 
 			[d('td',a.date),d('td',a.number)]
 	   	))
 	 ]);
}),

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以使用箭头功能，例如：

{ onClick: ()=> { test("testarg") } }

否则你可以使用bind，例如：

{ onClick: test.bind(this, "testarg") } 

但这更加冗长，并且设置this会产生（可能）不必要的副作用。