passiver Event-Listener

Question

Ich versuche passiver Event Listener in reagieren. Dies ist ein Teil meines jsx Code:

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

Und die Funktion:

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

Die Ausgabe lautet:

undefined

Und ich bekomme auch diesen Fehler:

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

Wie greife ich von dieser Funktion auf die Veranstaltung zu? auf?

Answer 1

Die onTouchStart sollte eine Funktion sein. Ändern Sie diese Zeile an:

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

es den Zugriff auf in der Funktion:

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

Answer 2

Nun rufen Sie die Funktion TouchFunc während Komponente machen. Sie sollten diesen Code verwenden:

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