JS / React / Redux / setTimeout () usage

280
13 мая 2017, 20:23

Функция updateList вызывается каждый раз при изменении поля input, получая event в качестве аргумента. Как сбросить интервал запроса reqFn внутри updateList, для случаев когда поле input будет изменяться чаще, чем 1000 мс?

updateList = (e) => {
    let query = e.target.value;
    let reqFn = function(){
      axios.get(`https://typeahead-js-twitter-api-proxy.herokuapp.com/demo/search?q=${query}`)
        .then((response) => {
          //console.log(response);
          let getRq = this.props.onUpdateList.bind(this, response.data);
          getRq(); // or: //this.props.onUpdateList(response.data);
        })
        .catch((error) => {
          console.log(error);
        });
    }.bind(this);
    setTimeout(reqFn, 1000);
  }

Пытаюсь добиться аналогичного поведения: https://twitter.github.io/typeahead.js/

Answer 1
updateList = (e) => {
    ...
    clearTimeout(this.timeout);
    this.timeout = setTimeout(reqFn, 1000);
}
READ ALSO
jscript jquery выдает ошибку Failed to load resource

jscript jquery выдает ошибку Failed to load resource

Прошу помощи у сообщества (( Мучаю код уже третью неделю, не могу понять в чём причина

316
JS. Как “заспавнить” печеньку

JS. Как “заспавнить” печеньку

Совершенно не могу понять как заспавнить печеньку(картинку) и затем убрать ее через пару секундaВ куки кликере при клике спавнятся печеньки...

294
Horizontal Scroll menu

Horizontal Scroll menu

Нужно зделать прокручеваное горизонтальное меню:

275
jquery datetimepicker

jquery datetimepicker

Как из обычного popup календаря сделать постоянно видимый календарик с отображением времениТипа этого

258