/Javascript/Next.js/History.push in nextjs

History.push in nextjs

Next router push state

import { withRouter } from 'next/router'

class About extends React.Component {
  // your Component implementation
  // retrieve them like this
  // this.props.router.query.name
}

export default withRouter(About)

Source: stackoverflow.com

History.push in nextjs

import { useRouter } from 'next/router'

export default function Page() {
  const router = useRouter()

  return (
    <button type="button" onClick={() => router.push('/about')}>
      Click me
    </button>
  )
}

Source: nextjs.org

Similar codes

0 vote271 views1 answer
Get cuurent route name nextjs
Javascript Next.js
48 votes446 views1 answer
Emmet not working in react nextjs
Javascript Next.js
0 vote290 views1 answer
Next js prerender error
Javascript Next.js
0 vote291 views1 answer
Udpate next js
Javascript Next.js
0 vote285 views1 answer
Nextjs starter template with auth
Javascript Next.js
0 vote293 views1 answer
Nextjs global scss variables
Javascript Next.js
0 vote270 views1 answer
Next js css not working
Javascript Next.js
0 vote259 views1 answer
Next js styled components classname did not match
Javascript Next.js
25 votes360 views1 answer
Next js disable ssr
Javascript Next.js
0 vote280 views1 answer
Add google tag manager to next js
Javascript Next.js