reactjs nextjs tab单击重新加载同一页

uqxowvwt  于 2022-12-18  发布在  React
关注(0)|答案(2)|浏览(151)

我有一个Next.js页面/product
当我在/product上时,我单击顶部横幅(导航栏)(to /product)上的product,我想在/product页面中获得刷新页面。
如何在同一页面刷新?
例如,在我的顶部导航栏中,我有三个不同的链路路由器

  • 产品
  • 询问

当我在product页面并再次单击产品链接,但我想再次刷新整个页面。
我已经尝试了下面的代码不是我的解决方案

<a onClick={()=>router.push('/product')} >product</a>
q43xntqr

q43xntqr1#

你可以使用javascript函数-

window.href.reload()

这将重新加载页面。如果你正在使用nextjs/reactjs,你可以使用它与一些承诺和条件。希望你会得到你的答案。如果你仍然面临的问题,只是让我知道,我会帮助你。谢谢

6kkfgxo0

6kkfgxo02#

你可以使用router.reload()函数像这样

import { useRouter } from 'next/router'

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

  return (
    <button type="button" onClick={() => router.reload()}>
      Click here to reload
    </button>
  )
}

相关问题