Ребят, привет, есть вопрос, есть инпут при изменении состояния которого отправляет запросы на сервер с задержкой(debounce), что пришло, складывается в стейт, проблема в том что я хочу почистить стейт когда в инпуте пусто, но ресет стейт отрабатывает раньше чем улетает запрос( и это логично, там же таймаут) мучаюсь, не могу пофиксить;( может кто знает решение?

Чисть стейт после отправки запроса в debounce

Чисть стейт после отправки запроса в debounce

Тут либо отменять запрос, либо чистить стейт по ответу на пустой запрос

Отменять запрос. Кейс интересный )

Ребят, привет, есть вопрос, есть инпут при изменении состояния которого отправляет запросы на сервер с задержкой(debounce), что пришло, складывается в стейт, проблема в том что я хочу почистить стейт когда в инпуте пусто, но ресет стейт отрабатывает раньше чем улетает запрос( и это логично, там же таймаут) мучаюсь, не могу пофиксить;( может кто знает решение?

а можете подсказать где про это почитать можно?) я с таким не сталкивалась

https://medium.com/fredwong-it/react-how-to-cancel-previous-axios-request-17cf4ae39693

https://medium.com/fredwong-it/react-how-to-cancel-previous-axios-request-17cf4ae39693

Можно не канселить его, если не отправлять)

Можно не канселить его, если не отправлять)

Ребят, привет, есть вопрос, есть инпут при изменении состояния которого отправляет запросы на сервер с задержкой(debounce), что пришло, складывается в стейт, проблема в том что я хочу почистить стейт когда в инпуте пусто, но ресет стейт отрабатывает раньше чем улетает запрос( и это логично, там же таймаут) мучаюсь, не могу пофиксить;( может кто знает решение?

свой маленький дебаунс с блекджеком и таймаутами. if (pusto) clearTimeout

свой маленький дебаунс с блекджеком и таймаутами. if (pusto) clearTimeout

А что делать с тем, который уже отправлен?

Зачем с ним что то делать?

Он апдейтнет стейт же

Он апдейтнет стейт же

Стейт апдейтит функция, а не запрос

Но предыдущий реквест может за 5 секунд вернуться

Ребят, привет, есть вопрос, есть инпут при изменении состояния которого отправляет запросы на сервер с задержкой(debounce), что пришло, складывается в стейт, проблема в том что я хочу почистить стейт когда в инпуте пусто, но ресет стейт отрабатывает раньше чем улетает запрос( и это логично, там же таймаут) мучаюсь, не могу пофиксить;( может кто знает решение?

оно внутри асинхронное мы все подряд почистить должны, т.е. cleartimeout убьет всё то, что должно дождаться ответа и обновить стейт

Я же говорю — надо отменять запрос

Как cleantimeot поможет избежать получения ответа?

Как cleantimeot поможет избежать получения ответа?

он поможет избежать обновления сьейта

Понаберут утилит из лодаша и даже не понимают как оно внутри работает

Понаберут утилит из лодаша и даже не понимают как оно внутри работает

Не понимаю. Разве event handler пересоздать? Или целый стейт пересоздавать?

ну смотри, мы удаляем символы из строки, на каждое удаление в settimeout вызывается что-то, что await fetch и потом setstate. Если мы удаляем символ раньше, чем тайм-аут у дебаунса, то, что было в предыдущем вызове колбека таймаута не произойдет.

Ну я никогда не юзал лодашевский дебаунс. Но объясни как отмена таймаута предотвратит получение ответа event handelr'ом

Никак не предотвратит. Нужно либо это контролить до дебаунса(не передавать запрос) либо в хендлере через замыкания или аргументы или this флаги мониторить и отменять - что сложнее

Если уже есть дебаунс то нужно это контролить синхронно и отправлять ресет в этот же дебаунс

Дебаунс только на запрос работает

А абстракцию сделать, не?)

Вообще при дебаунсе каждый новый запрос должен отменять предыдущий если тот не вернулся

а она не из лодаша)

см скрин

я смотрю

хорошо, в каком случае очищается таймаут?

Ребят, как отрисовать пропсы с 3 условями. Пробывал как на скриншоте. Но отображается только дефолтный. На сколько я понял я не так значение передаю

точно sotrable?

Спасибо, но другие кейсы кроме дефолтного всеравно не работают :)

главное сделать первый шаг)

Заработало. Не правильно вывод написал 😩

у меня ресет должен отрабатывать когда в стейте компонента (конкретно импута) значение ""