跳到主要内容

useRouter

useRouter 允许你以编程方式更改客户端组件中的路由。

'use client'
 
import { useRouter } from 'next/navigation'
 
export default function Page() {
  const router = useRouter()
 
  return (
    <button
      type="button"
      onClick={() => router.push('/dashboard', { scroll: false })}
    >
      Dashboard
    </button>
  )
}

API

router.push(href: string, { scroll: boolean }): 跳转到新的路由。
router.replace(href: string, { scroll: boolean })：跳转路由，不会添加到历史堆栈中。
router.refresh()：刷新当前页面，并向服务器发出新请求、重新获取数据请求以及重新呈现服务器组件。
router.prefetch(href: string) ：预加载指定的路由，以便更快地进行客户端转换。
router.back() ：返回浏览器历史记录堆栈中的上一个路由。
router.forward() ：向前跳转到浏览器历史记录堆栈中的下一页。

API