Это правильный способ использования использования применения? ⇐ Javascript

[Anonymous]

У меня есть навигационный компонент с несколькими вкладками на левой стороне экрана. На правой стороне различные страницы Next.js отображаются в зависимости от вкладки «Нажмите» (щелкнув вкладку запускает изменение маршрута на подпадку).
проблема, которую я имел
перед использованием использования использования, я полагался на Pathname из URL, чтобы определить активную вкладку. Тем не менее, это привело к плохому пользовательскому опыту: < /p>

[*] Пользователь на вкладке A и нажимает на вкладке B. Обновления pathname to /tab/b.
< /li>
Только тогда вкладка B становится визуально активным. Решение
Я реализовал следующие изменения:

Создал отдельное состояние кончики вместо того, чтобы полагаться исключительно на pathname.

Использование USETRANSITY для завершения логика навигации. /> дал немедленную визуальную обратную связь: как только пользователь нажимает на вкладку, она становится активным. Навигация.const handleTabClick = (tab: string, href: string) => {
setActiveTab(tab);
startTransition(() => {
router.push(`${parametersLink}${href}`);
});
};
< /code>

{items.map(({ label, link, key }) => (
handleTabClick(key, link)}>
{label}
{isTransitionPending && activeTab === key && (

)}

))}



Подробнее здесь: https://stackoverflow.com/questions/796 ... tion-usage