被动事件侦听器

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>