受動的なイベントリスナー

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

そのfunctiからイベントにアクセスする方法に？

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>