Untitled

 avatar
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