Verwenden von Lodash _.throttle() mit ReactJS

Ich versuche, die Lodash-Drosselfunktion zu verwenden, um das onChangeText-Ereignis bei einer Texteingabe zu drosseln. Es scheint jedoch keinen Unterschied zu machen:Verwenden von Lodash _.throttle() mit ReactJS

<TextInput {...this.c('tokenInput')} 
    onChangeText={ _.throttle((text) => { 
     this.onChangeText(text) 
    }, 1000) } 
    value={this.state.text} 
    placeholder='Select...' 
/>

Wie kann ich das schaffen? Jedes Mal, wenn ich etwas in die Eingabe tippe, wird bei jeder Änderung onChangeText() ausgeführt.

Quelle

2017-12-20 erol_smsr

Das liegt daran, dass Sie onChangeText gleich dem Rückgabewert der Funktion einstellen, nicht der Funktion. Das bedeutet, jedes Mal, wenn es neu gerendert wird, wird die Drosselfunktion ausgeführt. Sollte wie 'onChangeText = {(text) => {/ * mach hier drohnen * /}} ' – Jayce444

@ Jayce444 Ich änderte es in' onChangeText = {(text) => {_.throttle ((text) => { this.onChangeText (Text) }, 1000)}} '. Jetzt wird die onChangeText-Methode überhaupt nicht ausgeführt. Können Sie mir ein Beispiel geben, wie die Implementierung aussehen sollte? –

@ Jayce444 '_.throttle' ** gibt eine Funktion zurück ** – Li357

onChange muss eine Funktion sein, aber in Ihrem Kontext ist es ein Funktionsaufruf. Um das Problem zu lösen, müssen Sie also Folgendes tun:

Quelle

2017-12-20 13:48:28 Tobias

Das tut nichts. Die Methode onChangeText() wird überhaupt nicht ausgeführt. –

'_.throttle' ** gibt eine Funktion zurück ** – Li357

Dann ist onChangeText die falsche Methode. Vielleicht ist es nur auf Change? – Tobias

Verwenden von Lodash _.throttle() mit ReactJS

Antwort

Verwandte Themen