=========== React =========
IsLanding, IsActive => NavLink
IsLanding, IsActive => NavLink
Telegram
Tohirjon Odilov | IT Blog
<NavLink
to="/"
className={({ isActive, isPending }) =>
isPending ? "loading" : isActive ? "active" : ""
}
>
Home
</NavLink>
Agar foydalanuvchi Home sahifasiga o'tayotgan bo'lsa, marshrut yuklanayotgan paytda isPending true bo'ladi, va loading…
to="/"
className={({ isActive, isPending }) =>
isPending ? "loading" : isActive ? "active" : ""
}
>
Home
</NavLink>
Agar foydalanuvchi Home sahifasiga o'tayotgan bo'lsa, marshrut yuklanayotgan paytda isPending true bo'ladi, va loading…
<NavLink
to="/"
className={({ isActive, isPending }) =>
isPending ? "loading" : isActive ? "active" : ""
}
>
Home
</NavLink>
Agar foydalanuvchi Home sahifasiga o'tayotgan bo'lsa, marshrut yuklanayotgan paytda isPending true bo'ladi, va loading classi qo'shiladi.
Yuklanish tugagandan so'ng, agar marshrut aktiv bo'lsa, active class qo'shiladi.
Tohirjon Odilov | IT Blog
#react #frontend #developing #html
🔥3👍1