lodash.debounce Suche in reagieren js

Question

Ich versuche, eine Suche in reagieren mit lodash debounce entprellen.

Aber wenn jemals seinen Lauf Ich erhalte einen Typfehler

TypeError: Cannot read property 'debounce' of undefined

ich versucht habe es sich um den Code zu bewegen, aber kann nicht verstehen, warum es nicht

I arbeitet begann durch den Import es

import { _, debounce } from 'lodash'

ich habe eine Eingabe wie folgt

<input 
    type="text" 
    value={this.state.query} 
    onChange={(e) => {this.updateQuery(e.target.value)}} 
    placeholder="Search by title or author" 
/> 

Verbunden mit dieser Funktion

updateQuery = (query) => { 
    _.debounce(() => query(this.setState({ query }), 500)) 
    this.onBookSearch(query) 
} 

Versteht jemand, warum dies?

Answer 1

Ich denke, Ihr Import ist das Problem. Sie wollen wahrscheinlich die _ als Standard importieren:

import _, {debounce} from 'lodash'; 

Auch sind Sie nicht die extrahierte Funktion:

updateQuery = (query) => { 
    debounce(() => query(this.setState({ query }), 500)) 
    this.onBookSearch(query) 
} 

Da Sie {debounce} im Import sind Extrahieren Sie es direkt nutzen können.