/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

41 votes215 views2 answers
How to change port in next js
Javascript Next.js
0 vote122 views1 answer
Next js image contentful
Javascript Next.js
0 vote120 views1 answer
Next js get request
Javascript Next.js
0 vote143 views1 answer
Nextjs error can not find next/bable
Javascript Next.js
23 votes213 views2 answers
Add favicon to next js static site
Javascript Next.js
0 vote158 views2 answers
How to reload page with router next js
Javascript Next.js
0 vote127 views2 answers
Use svg image in next js
Javascript Next.js
0 vote117 views1 answer
Window resize next js
Javascript Next.js
2 votes224 views1 answer
Next js active link
Javascript Next.js
0 vote116 views2 answers
Next js material ui rtl direction
Javascript Next.js