Параметры поиска в React Router v6
HTML-код
- Опубликовано: 21 сен 2024
- Для работы с get-параметрами URL библиотека React Router предлагает специальный хук useSearchParams, который позволяет гибко читать и обновлять значения в адресной строке.
Код урока github.com/mic...
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
www.tinkoff.ru...
paypal.me/mish...
Все кратко и ёмко изложено, без лишней воды и с примерами
Спасибо за такие познавательные уроки! Успехов )
С первого раза туговато дается материал, но спасибо за подробное объяснение, думаю раза с 3го - 5го усвою материал
тьфу блин я думал я один такой... долгопонимающий....
Михаил, спасибо Вам! оч крутой материал!
Спасибо за видио! Очень нравится ваш темп в демонстрации и объяснении примеров! - ничего лишнего и все по делу)
Спасибо, особенно за репозиторий с кодом! Не все сразу укладывается в голове, а так будет пример
Здравствуйте Михаил! Спасибо огромное за ролик. Нашел ответ которую долго искал. В ролике все сказано коротка и четка. Буду ждать еще ролики про React Redux. Основная логика и пару примеры!!!
Отличный материал. Огромное спасибо Михаил!
супер!) лайк поставил сразу как видео вышло, смотрю только сейчас)))
Михаил, от души спасибо!
Как раз на новом проекте решил попробовать 6 версию react router и тут Ваше видео вышло. Сэкономили кучу времени :)
Отлично! Спасибо! С нетерпением жду продолжения.
Здравствуйте, Михаил! Делаю дебаг.. заметил, что когда мы используем .has для latest, то при последующем обновлении формы, в ней чекбокс будет всегда со значением true, поскольку параметр уже был записан в строке!
P.S. Все, разобрался! Это было связано с дополнительным использованием Typescript + ESLint, где требовалось изначально указать атрибуты объекта params, дабы не ругался (если задать latest со значением false, то оно будет восприниматься хуком как существующее) :)
Спасибо, Михаил.
8:14 - placeholder={postQuery} :3
Пушка как всегда!
Моё почтение!
Хороший туториал
Топчик, спасибо за урок
Отлично! Спасибо
Миша ты просто топовый
как сериал) жду новую серию!!
кайф
Super!
супер
Михаил приветствую. Хочу отметить что после добавления новых фич react-douter-dom v6.4 и при изменении квери параметров то повторно вызывается лоадер у компонента, что замедляет работу, а сами квери параметры добавляются не моментально(опытным путем проверено). Если же писать получение данных через usestate+useeffect но все работает корректно. Можно ли как то это победить в новой версии RRD 6.4 ? Спасибо
Безусловно интересно. Но не совсем понял на каком реальном кейсе это применимо...
Большое спасибо за модуль по React Router. Не планируете сделать курс по основам серверной части и БД?
Пока не планирую, разве что в упрощённом виде. Всё таки бэкенд - свой большой отдельный мир.
хм, при любом изменении параметров сбрасывается состояние redux, притом reducer точно точно не вызывается.
В чем может быть проблема?
как бы если скопировать ссылку, по определенной сортировке, ниче не сохранится, просто передаем в url строку , надо же как через useEffect обновлять setPost ваш
привет, как сделать так, чтобы при обновлении страницы значение input не стиралось, использую react-hook-form
Здравствуйте Михаил
Простите за глупый вопрос можно ли сделать два не зависимые роута например есть два контейнера в центре и два navbar которые каждый переключает внутрь всего контейнера при этом при переключение с первого navbar второй контейнер не должен стать пустим или наоборот
Заранее благодарю
Не уверен, что понимаю задачу. Частично это решается вложенным роутингом. Тогда общее меню сайта позволяет попасть на страницы с подменю, и уже по нему дополнительная навигация. Видео по этой теме будет в пятницу.
на тс как это правильно сделать? там ошибок насыпало :)
На работе с историей перестал что-либо понимать. Мозг в reload ушел)))
Здравствуйте! Спасибо вас за ролик! У меня такой вопрос, насколько я понял, "searchParams" - это тоже самое что мы отправляем на сервер в get запросе. Так вот, если к примеру я на сервер предаю такой параметр "filters.color_like=black", то могу ли я в setSearchParams использовать "filters.color_like=" как ключ, или ключом должен быть только "color".
В таком случае нужно будет по маске отделять нужное поле - между точной и _like. В принципе это несложно сделать на фронте и тогда будет тот же color. Либо ещё проще - ввести объект соответствий, что color - это filter.colors_like.
@@mishanep Спасибо, буду пробовать.
курс не для новичков это точно , я вообще ничего не понял , очень все быстро делается и не хорошо объясняется
надеюсь там есть кому тебе сопли подтирать )
научишься, москву тоже за 1 день не построили
@@mr.zxzxzxz3816 Конечно новик не понял,иб оприменения у этого просто не может быть тут либо филтрация через бэкенд либо простая филтрация с условием отрисовки эти условия через ссылку это запара чтобы прост опоказать возможности роутера,но даже мидлу не приходится это использовать