Next.js + React 返回上一页

Question

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

Answer 1

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

import { useRouter } from 'next/router'

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

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

原始答案：

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

你应该有这样的组件

import Router from 'next/router'

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