Какая есть альтернатива setTimeOut в react?

Question

[beefront17]

Добрый день! Подскажите пожалуйста какие есть варианты решения проблемы?
Есть проект на react/redux, в нем есть функционал переключения вкладок стрелками. Для этого использую react-keydown
Он использует event keyDown.
Соответственно когда я нажимаю он срабатывает несколько раз и вкладки переключаются на несколько впреред, не так как должны.
Чтобы это исправить я использую в componentWillReceiveProps setTimeOut.
Вопрос, как исправить эту проблему без setTimeOut?
Какие есть варианты?
Спасибо!

Comments

[Vitaliy]

попробуйте отладить, может событие цепляется не один раз?

Answer 1

[Роман Александрович]

Соответственно когда я нажимаю он срабатывает несколько раз и вкладки переключаются на несколько впреред, не так как должны.

есть такая штука как debounce и throttle. Это то что вам нужно

Comments

[beefront17]

timeOut = (history, loc) => _debounce(() => history.push(loc), 100);

Что не так здесь? не срабатывает метод

Answer 2

[Эдуард]

В первую очередь нужно разобраться кто виноват.
Если у вас срабатывает обработчик кнопки чаще, чем необходимо, причем тут willReceiveProps?

Необходимо оборачивать метод клика в debounce/throttle/ setTimeout
Вот тут есть один из примеров реализации