reactjs - Next.js + React 返回上一页

Question

我使用路由next.js。如何实现后退按钮，返回上一页？就像浏览器上的按钮一样

Answer 1

编辑:此答案首次发布 2 年后，路由器方法现在为 well documented 。这是直接来自文档的代码:

import { useRouter } from 'next/router'

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

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

原始答案:

有一个未记录的 Router.back 方法 ( see source ) 只执行 window.history.back()

你应该有一个像这样的组件

import Router from 'next/router'

export default function BackButton() {
    return (
        <div onClick={() => Router.back()}>Go Back</div>
    )
}