Добрый день. Только начал изучать React.
У меня следующая задача: написать компонент Навигация с использованием React Route, Menu из Ant Design
Есть панель навигации с ссылками на страницы (все как обычно). При переходе на страницу, соответствующая ссылка должна быть выделенной.
Для выделения ссылки на текущую страницу AntDesign предлагает использовать свойство defaultSelectedKeys. Вот так это выглядит:
<Menu
defaultSelectedKeys={['1'}}
>
Чтобы defaultSelectedKeys динамически менялся, я создал переменную в Store (часть кода из createSlice):
const initialState: CurrentLinkKeyType = {
value: '2',
};
и передал в свойство, выглядит это так:
<Menu
defaultSelectedKeys={[currentLinkKey]}
>
Все работает, но есть одно "но" - если перезагрузить страницу, то выделяется ссылка, которая указана по дефолту в createSlice.
И вот суть вопроса или, точнее, два - можно ли это реализовать более адекватным способом и, если "нет", то как при загрузке страницы обновлять currentLinkKey в Redux Store?
