Untitled
unknown
plain_text
5 months ago
2.4 kB
3
Indexable
const [activeRoute, setActiveRoute] = useState("/"); const handleItemClickNavTab = (route) => { setActiveRoute(route); }; <ul> <li> <Link href="/" onClick={() => handleItemClickNavTab("/")} className={activeRoute === "/" ? styles.activeRoute : ""} > Home </Link> </li> <li> <Link href="/whatWeDo" onClick={() => handleItemClickNavTab("/whatWeDo")} className={activeRoute === "/whatWeDo" ? styles.activeRoute : ""} > What We Do </Link> </li> <li> <Link href="/whoWeAre" onClick={() => handleItemClickNavTab("/whoWeAre")} className={activeRoute === "/whoWeAre" ? styles.activeRoute : ""}> Who We Are </Link> </li> <li> <Link href="/career" onClick={() => handleItemClickNavTab("/career")} className={activeRoute === "/career" ? styles.activeRoute : ""} > Careers </Link> </li> <li> <Link href="/contactUs" onClick={() => handleItemClickNavTab("/contactUs")} className={activeRoute === "/contactUs" ? styles.activeRoute : ""} > Contact Us </Link> </li> <li> <Link href="/faq" onClick={() => handleItemClickNavTab("/faq")} className={activeRoute === "/faq" ? styles.activeRoute : ""} > FAQs </Link> </li> </ul>
Editor is loading...
Leave a Comment