被动事件监听器

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>