next js navigation to other page in a function

Disgusted Dunlin answered on September 1, 2021 Popularity 8/10 Helpfulness 7/10

answer next js navigation to other page in a function

related navigate to another page in next js when click

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 navigation next

Link to this answer
Share Copy Link

Contributed on Sep 01 2021

Disgusted Dunlin

0 Answers Avg Quality 2/10

Closely Related Answers

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 clic

Link to this answer
Share Copy Link

Contributed on Sep 23 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

next js navigation to other page in a function

Contents

More Related Answers

next js navigation to other page in a function

Closely Related Answers

navigate to another page in next js when click

Grepper

Documentation

Social

Legal

Contact

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