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