navigate to another page in next js when click

Shirshak Kandel answered on September 1, 2021 Popularity 10/10 Helpfulness 3/10

answer navigate to another page in next js when click

related next js navigation to other page in a function

navigate to another page in next js when click

Comment

import { useRouter } from 'next/router';
const NavComponent = ({navItems,logo})=> {
const router = useRouter()
return (
     <div onClick={() => {
            router.push('/');
          }}
          className="h-auto transition cursor-pointer hover:scale-105"
        >
          <h4 className="text-2xl text-white uppercase font-neuro hover:text-secondary text-shadow">Straw Hats</h4>
        </div>
)}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: click javascript next router when

Link to this answer
Share Copy Link

Contributed on Sep 23 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

Closely Related Answers

next js navigation to other page in a function

Comment

import { useRouter } from 'next/router'

function Home() {
  const router = useRouter()


  const handleClick = e => {
    e.preventDefault()
    router.push('/some-path')
  }

  return (
    <button type="button" onClick={handleClick}>
      Go Somewhere
    </button>
  )
}

Popularity 8/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: function javascript ja

Link to this answer
Share Copy Link

Contributed on Sep 01 2021

Disgusted Dunlin

0 Answers Avg Quality 2/10

navigate to another page in next js when click

Contents

More Related Answers

navigate to another page in next js when click

Closely Related Answers

next js navigation to other page in a function

Grepper

Documentation

Social

Legal

Contact

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