被动事件监听器

Question

我正在尝试添加被动事件监听器。这是我的jsx代码的一部分：

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

功能：

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

输出结果为：

  

未定义

我也得到了这个错误：

  

预期onTouchStart监听器是一个函数，而不是类型对象

如何从该功能访问该事件？

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>