被動事件監聽器

Question

我正在嘗試添加被動事件監聽器。這是我的JSX代碼的一部分：

<div id="test" onTouchStart={{ handler: TouchFunc(), passive: true }}></div> 

而且功能：

function TouchFunc(e){ 
console.log(e); 
} 

輸出是：

undefined

同時，我得到這個錯誤：

Expected onTouchStart listener to be a function, instead got type object

如何從該功能訪問該事件上？

Answer 1

onTouchStart應該是一個函數。將此行更改爲：

<div id="test" onTouchStart={this.TouchFunc}></div> 

要訪問它的功能：

function TouchFunc(e){ 
    console.log(e.target.id); 
} 

Answer 2

現在你調用函數TouchFunc組件中呈現。您應該使用此代碼：

<div id="test" onTouchStart={{ handler: TouchFunc, passive: true }}></div>