Здравствуйте. Создаю компонент сортировки товара в зависимости от цены.
Компонент выглядит так:
<Routes>
<Route path="salad" element={<Salad selected={selected} />} />
</Routes>
Он передает через props элемент selected, значением которого является строка, которая находится внутри useState, т.к. значение этой строки динамически изменяется по клику.
Т.е. вот так выглядит этот selected:
const [selected, setSelected] = useState("По популярности");
Но, когда я пытаюсь извлечь из props в компоненте Salad этот элемент(переменную со значением в виде строки), то она не извлекается именно в компоненте Salad. Т.е. console.log показывает, что ничего не происходит СОВСЕМ, хотя элемент selected был изменен и получил значение в виде новой строки.
Но при этом, если selected я пытаюсь извлечь и посмотреть через компонент, в котором он находится изначально(а не через props в компоненте Salad), то все работает и console.log показывает результат, который меняется в зависимости от выбранной категории товаров.
Почему в Salad этот компонент не извлекается из Пропсов, что я делаю не так?
А вот так извлекается selected через props из компонента Salad
function Salad( props ) {
const [prop, setProp] = useState(props.selected);
const change = () => {
setProp(props.selected);
};
........................
}
Помогите, пожалуйста.
Все работает. Проблема была допущена по невнимательности 
