/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 vote366 views1 answer
Router.push next js
Javascript Next.js
-1 vote385 views1 answer
Import css file in next js
Javascript Next.js
0 vote350 views1 answer
Nextjs global scss variables
Javascript Next.js
0 vote349 views1 answer
How to create a nextjs app from a template
Javascript Next.js
0 vote360 views1 answer
Next js find all the rerenders
Javascript Next.js
29 votes410 views3 answers
Nextjs
Javascript Next.js
41 votes385 views2 answers
How to change port in next js
Javascript Next.js
25 votes464 views1 answer
Next js disable ssr
Javascript Next.js
0 vote363 views1 answer
How to connect next js with postgresql localhost
Javascript Next.js
1 vote387 views2 answers
Mongodb mongoose with next js connection
Javascript Next.js