Breaking News: Grepper is joining You.com. Read the official announcement!

get cuurent route name nextjs

monarcode answered on October 23, 2021 Popularity 10/10 Helpfulness 8/10

answer get cuurent route name nextjs

related nextjs get current route

get cuurent route name nextjs

Comment

import React from 'react'
import Link from 'next/link'
import { useRouter } from 'next/router'

const menu = [
  { title: 'Home', path: '/home' },
  { title: 'Explore', path: '/explore' },
  { title: 'Notifications', path: '/notifications' },
]

const Sidebar = () => {
  const router = useRouter()

  return (
    <div>
      {menu.map((item, index) => {
        return (
          <Link key={index} href={item.path}>
            <a
              className={`cursor-pointer ${
                router.pathname === item.path
                  ? 'text-blue-500'
                  : 'hover:bg-gray-900 hover:text-blue-500'
              }`}
            >
              {item.title}
            </a>
          </Link>
        )
      })}
    </div>
  )
}

export default Sidebar

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: flaviocopes.com

Tags: get javascript

Link to this answer
Share Copy Link

Contributed on Oct 23 2021

monarcode

0 Answers Avg Quality 2/10

Closely Related Answers

nextjs get current route

Comment

import { usePathname } from 'next/navigation'
 
const pathname = usePathname()

Popularity 9/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: get javascript jav

Link to this answer
Share Copy Link

Contributed on Jun 17 2024

Flutter Guy

0 Answers Avg Quality 2/10

get cuurent route name nextjs

Contents

More Related Answers

get cuurent route name nextjs

Closely Related Answers

nextjs get current route

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.