URL-адрес не обновляется с помощью useSearchParams, а опция выбора тега не работает при сортировке данных. ⇐ Javascript

[Anonymous]

Проблемы заключаются в том, что опция выбора тега не работает после того, как я использовал useSearchParams для обновления URL-адреса путем сортировки данных. URL-адрес не отображает этот параметр, когда я выбираю параметры. Ожидается, что когда я выберу любую опцию, URL-адрес должен обновиться вместе с этой опцией, но в противном случае.
Это код опции тега выбора, который я создал как компонент многократного использования, чтобы я мог

Код: Выделить всё

const Select = ({ options, value, onChange, ...props }) => {
return (

{options.map((option, index) => (

{option.label}

))}

);
};

export default Select;

используйте его повторно в другом компоненте.
Затем следующая работа — это вызов вышеуказанного компонента внутри компонента Sort, который содержит логику обновления URL и сортировка массива объектов(варианты):

Код: Выделить всё

import { useSearchParams } from 'react-router-dom';
import Select from './Select';

const SortBy = ({ options }) => {
const [searchParams, setSearchParams] = useSearchParams();
const sortBy = searchParams.get('sortBy') || '';

function handleChange(e) {
searchParams.set('sortBy', e.target.value);
setSearchParams(searchParams);
}

return (

);
};

export default SortBy;

Эта последняя база кода определяет, как вызывается компонент SortBy и передаются в него эти параметры.
введите здесь

Подробнее здесь: https://stackoverflow.com/questions/793 ... rking-whil