Gründe und Lösungen für das Versagen des React-Ereignisdrosselungseffekts

rendern() {
    zurückkehren (
      <div className="Suchleiste">
        <input className="search-input" type="text" placeholder="Bitte geben Sie den zu suchenden Benutzernamen ein (Englisch)" onKeyDown={this.throttle(this.handleKeyDown)}/>
      </div>
    )
  }

Gashebel = (fn) => {
    let gültig = wahr
    const Kontext = dies

    return Funktion() {
      wenn (!gültig) zurückgeben
      gültig = falsch

      const args = Argumente

      fn.apply(Kontext, Argumente)

      setzeTimeout(() => {
        gültig = wahr
      }, 1000);
    }
  }

  handleKeyDown = (e) => {
    let { Wert } = e.Ziel
    const keyCode = e.keyCode

    wenn (Schlüsselcode !== 13) return

    wenn (!Wert.trim()) return
    
    // Suche senden this.props.search(value)
  }

Gashebel = (fn) => {
    console.log('%c Drosselklappeninitialisierung', 'Farbe: rot');
    let gültig = wahr
    const Kontext = dies

    return Funktion() {
      wenn (!gültig) zurückgeben
      gültig = falsch

      const args = Argumente

      fn.apply(Kontext, Argumente)

      setzeTimeout(() => {
        gültig = wahr
      }, 1000);
    }
  }

rendern() {
    zurückkehren (
      <div className="Suchleiste">
        <input className="search-input" type="text" placeholder="Bitte geben Sie den zu suchenden Benutzernamen ein (Englisch)" onKeyDown={this.handleKeyDown}/>
      </div>
    )
  }

handleKeyDown = diese.throttle((e) => {
    let { Wert } = e.Ziel
    const keyCode = e.keyCode

    wenn (Schlüsselcode !== 13) return

    wenn (!Wert.trim()) return
    
    // Suche senden this.props.search(value)
  })

rendern() {
    zurückkehren (
      <div className="Suchleiste">
        <input className="search-input" type="text" placeholder="Bitte geben Sie den zu suchenden Benutzernamen ein (Englisch)" onKeyDown={this.handleKeyDown}/>
      </div>
    )
  }

Konstruktor(Requisiten) {
    super(Requisiten)
    dies.handleKeyDown = dies.throttle(dies.handleSearch)
  }

  handleSearch = (e) => {
    let { Wert } = e.Ziel
    const keyCode = e.keyCode

    wenn (Schlüsselcode !== 13) return

    wenn (!Wert.trim()) return
    
    // Suche senden this.props.search(value)
  }