React Router V6 до V7 ⇐ Javascript

[Anonymous]

Я следовал руководству по обновлению маршрутизатора React от V6 до V7, но, делая это, я сломал CSS. Тип вкладок - ссылка []. < /P>
Моя проблема в том, что когда я открываю панель панели, она начинается, со Stammdaten все в порядке. Но когда я нажимаю на Fotos, URL меняется, но класс, который выбран ARIA = "false" все еще остается false для вкладки Fotos. < /P>
Если я удаляю дополнительные относительные сегменты (

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

..

), вкладки проходят бесконечный цикл, но если я изменю его вручную, он отображает страницу, а также строку под вкладкой Fotos. Это должно показаться как 2 -й скриншот. Я не понимаю, почему это так. < /P>

title="Unterkunft"
tabs={[
{ to: "../profile", text: "Stammdaten" },
{ to: "../photos", text: "Fotos" },
{ to: "../address", text: "Adresse" },
{ to: "../amenities", text: "Ausstattung" },
{ to: "../topics", text: "Themen" },
{ to: "../payout-profiles", text: "Zahlungsprofile" },
{ to: "../languages", text: "Sprachen" },
]}
>
< /code>
interface PageTabsProps {
tabs: Link[];
onChange: (index: number) => void;
}

const PageTabs = ({ tabs, onChange }: PageTabsProps) => {
const location = useLocation();

const selectedIndex = useMemo(
() =>
tabs.findIndex((t) => location.pathname.includes(`/${toToString(t.to)}`)),
[location.pathname],
);

return (


{tabs.map((link) => (

{link.showWarning && (

)}
{link.text}

))}


);
};
< /code>






Подробнее здесь: https://stackoverflow.com/questions/794 ... ing-styles