169 похожих чатов

Где можно посмотреть компонент фильтра с инпутами, чекбоксами, но ещё

и в адресной строке дублируется запрос?

22 ответов

4 просмотра

Ну вы можете повесить onChange на input и в этом обработчике управлять параметрами в адресной стороке через useSearchParams из реакт роутера доке есть пример, правда с onSubmit формы, но суть одна и таже https://reactrouter.com/en/main/hooks/use-search-params или напрямую работать с history api в этом же обработчике const url = window.location.pathname + (urlSearch ? `?${urlSearch}` : '') + window.location.hash; window.history.replaceState({}, '', url); какой способ выбрать? ну это уже вкусовщина, одни ругают роутер и кроме того в вашем проекте его может и не быть. Другие его наоборот рекомендуют

Sergey- Автор вопроса
Rain
Ну вы можете повесить onChange на input и в этом о...

А почему нельзя new urlsearchparams использовать?

Sergey
А почему нельзя new urlsearchparams использовать?

А я вот ХЗ произойдет ли переход на новый адрес при изменении параметра в url если мы его в urlsearchparams через set изменим. Я им просто для этих целей не пользовался. ВОзможно и можно. По идее при изменении параметра в url нам надо не переходить по новому адресу, а просто изменить текущий. Может быть это можно и через urlsearchparams, а может и нет

Rain
А я вот ХЗ произойдет ли переход на новый адрес пр...

а вообще как практика показывает? сейчас юрлпараметры вообще используют? мне кажется уже лет 10 не видел таких сайтов

Alexey Filippov
а вообще как практика показывает? сейчас юрлпарам...

навскидку HH их пользует Ну вот допустим я хочу сохранить отобранные мной вакинсии например удаленка-реакт 1-3 года опыта а потом я эту ссылку хочу отправить коришам, что бы они тоже себе чет подходящее нашли как мне это сделать без url параметров? в общем информация об устареании url-параметров несколкьо преувеличена?

ну и просто ссылку например в избранное сохранить не хранить же это все в localStorage

Rain
ну и просто ссылку например в избранное сохранить ...

а если углубиться в реакт как бы ты делал

Alexey Filippov
а если углубиться в реакт как бы ты делал

так это же вроде как просто внешнее поведение сайта то что мы это реализуем например на реакте или без реакта это уже просто выбор технологии. А так наверно в реакте просто через санку редакса менял бы эти параметры через HISTORY API

Rain
ну и просто ссылку например в избранное сохранить ...

ну допустим фильтрация продуктов, параметры фильтра транслируем в юрл параметры и делаем запрос к беку. параметры фильтра доставать из юрла и пропихивать в фетч

Alexey Filippov
ща почитаю что такое history api

ну реакт роутер это фактически обертка над этим АПИ

Sergey Grishchenko
Плохой вариант очень

в реакт пицце именно так он учил)

Sergey Grishchenko
Плохой вариант очень

а как правильно? сохраняю в стейте и в юрл, а в фетч беру со стейта?

Ilya Agarkov
почему?

Потому что url это глобальная никак не типизированная "переменная"

Sergey Grishchenko
Потому что url это глобальная никак не типизирован...

тебе в любом случае из него читать при рефреше страницы, так что зачем создавать два источника данных?

Ilya Agarkov
тебе в любом случае из него читать при рефреше стр...

Ну мы ж данные из бэкенда не читаем на постоянной основе? Мы их в стейт перекладываем

Похожие вопросы

Обсуждают сегодня

А чем вам питонисты не угодили?😂
.
79
Язык Си можно выучить за день? По книжке ANSI C на 230 страниц
Vincent Vegan
29
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
75
Dim Dim, [02.07.2024 11:07] DB 0x62 Dim Dim, [02.07.2024 11:07] DB 0x66 Dim Dim, [02.07.2024 11:07] кто пояснит что это?
Dim Dim
14
Ошибка: segmentation fault (core dumped) Код: pastebin.com/BEsNNSSV Сообщение от компилятора: отсутствует ОС: Arch Linux Ядро: x86_64 Linux 6.9.7-arch1-1 Процессор: Intel Cele...
sec
4
Ребят, а за скок можно впарить анон чат с апишкой и веб админкой ?
Eugene Неелов
15
Ещё такой вопрос. Мне необходимо хранить пароль пользователя локально. Для этого планирую использовать ini файл. Это для автозаполнения полей логин и пароль при авторизации. Е...
Евгений
19
Кстати, я тут еще с одной темой столкнулся, вот учу я C++, на таком то ресурсе, а остальные постоянно советуют практиковаться, что то писать, проекты, но как писать если вот т...
aaswq1
7
@ahndmn @ayaw0_0 здарова, на чем пишете?
Aiwan \ (•◡•) / _bot
7
Коллеги, как получить PId для собственного процесса из под линукса?
Роман Лях (rgreat)
6
Карта сайта