/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 vote133 views1 answer
Update nextjs to 11
Javascript Next.js
0 vote134 views1 answer
NextJs Scheduler
Javascript Next.js
0 vote92 views2 answers
Mdb nextjs
Javascript Next.js
43 votes275 views2 answers
Run nextjs in separate port
Javascript Next.js
0 vote137 views1 answer
Next js absolute path
Javascript Next.js
48 votes235 views1 answer
Emmet not working in react nextjs
Javascript Next.js
0 vote154 views1 answer
On click button change route next js
Javascript Next.js
23 votes227 views2 answers
Add favicon to next js static site
Javascript Next.js
1 vote239 views1 answer
Cannot update a component while rendering a different component nextjs
Javascript Next.js
0 vote130 views1 answer
Link in next js is refresh page
Javascript Next.js