2017-10-28 33 views
0

Ich möchte Lodash innerhalb der Klasseneigenschaft verwenden, aber es gibt mir immer Null für den Wert zurück. Ich folgte diesem Perform debounce in React.js (zweite Antwort und Lösung Nummer 3)Reagieren lodash debounce immer Null zurückgeben

mein Code:

// func 
handleSearchInput = debounce(e => { 
    console.log(e); 
    e.persist(); 

    console.log(e.target); 
}, 500); 

// Render 
<Input 
    type="text" 
    onKeyDown={this.handleSearchInput} 
    placeholder="Search..." 
/> 

alle meine console.log() immer wieder zurückkehren mich null. Ich möchte meinen Eingabewert erhalten.

Irgendeine Lösung?

Antwort

0

Sie beabsichtigen, eine lodash-Funktion zu verwenden. Sie müssen importieren oder lodash erste und verwenden Sie die Funktion wie diese erfordern:

_.debounce(...) 

Das Beispiel Sie verwiesen verwendet eine benutzerdefinierte Funktion namens debounce.

+0

Aufruf ich es gelöst habe. Fyi Ich importiere nur die Funktion, die ich benutze. 'Import debounce von lodash/debounce' – ssuhat

+0

Sie sind willkommen. – Scriptonomy

0

Yo müssen persist (oder synthetische Ereignis Wiederverwendung abzubrechen) vor debounce

onKeyDown={e => { 
    e.persist(); 
    this.handleSearchInput(e); 
}} 
Verwandte Themen