/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 vote211 views2 answers
Mdb nextjs
Javascript Next.js
0 vote242 views2 answers
Time zone npm in next js
Javascript Next.js
1 vote269 views1 answer
Next js script tag
Javascript Next.js
8 votes272 views2 answers
Create next js app yarn
Javascript Next.js
0 vote218 views1 answer
How to update the react version in next js app
Javascript Next.js
0 vote216 views1 answer
Hydration in next js
Javascript Next.js
1 vote260 views1 answer
Strart a nextjs project
Javascript Next.js
5 votes241 views3 answers
Nextjs starter
Javascript Next.js
0 vote230 views2 answers
Nextjs path alias
Javascript Next.js
0 vote228 views1 answer
Next js global layout
Javascript Next.js