CodeShaman Mar 13 2020 at 16:52

Debouncing с помощью React Hooks

4 min

53K

JavaScript*ReactJS*

Tutorial

Translation

Comments 5

justboris Mar 14 2020 at 13:18

Стоит заметить, что в будущих версиях реакта будет доступен встроенный хук – useDeferredValue, который заменит этот кастомный useDebounce

CodeShaman Mar 14 2020 at 13:35

Да, будет замечательно, когда он появится. Хорошее замечание.

Пока этот показался очень удобным решением в несколько строчек, если нет желания и необходимости тащить в проект дополнительные зависимости для denouncing’га.

faiwer Mar 14 2020 at 19:00

Маленькое уточнение: в вашей реализации есть небольшой изъян в виде возможной гонки. Скажем пользователь набрал "а", пошёл запрос, пользователь набрал "б", пошёл ещё запрос. Второй запрос пришёл раньше первого, первый пришёл вторым. Получаем ерунду.

Нюанс второй: не учтён вариант когда запрос завершился тогда, когда компонент уже умер. Получаем setState для размонтированного компонента. Warning. Тоже мелочь, но всё же.

CodeShaman Mar 14 2020 at 20:02

Резонные замечания. Могу предположить, что автор оригинальной статьи не хотел перегружать пример другими деталями и сконцентрировать внимание на использовании хука, без других подробностей. Это только предположение, но выглядит логичным.

pasivash Mar 27 2020 at 16:17

Спасибо за перевод! Интерсно!

Show the best of all time