Использование lodash throttle с вводом текста React и Typescript

Question

Я изо всех сил пытаюсь заставить этот дроссель ввода текста работать даже после прочтения большого количества документов.

import { throttle } from 'lodash';
...
      <input
        type="text"
        onChange={(e): void => throttle(handleTextInput, 1000)(e)}
      />

Я явно делаю что-то не так, любая помощь приветствуется!

Answer 1

Прямо сейчас вы вызываете функцию throttle при определении onChange для входа. Вы должны дать throttle функцию, которую нужно вызывать после ожидания. Попробуйте это -

throttledInput = throttle(input => this.handleTextInput(input), 1000);
...
<input
   type="text"
   onChange={(e) => this.throttledInput(e.target.value);}
 />

Answer 2

В вашем примере кода e синтаксически ложно. Измените свой код на приведенный выше и скажите мне, если он был успешным.

<input type="text"
       onChange={() => throttle(handleTextInput, 1000)}
/>