Next.js + React 返回上一页

IT技术 reactjs next.js
2021-05-03 06:53:42

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

1个回答

编辑:在这个答案首次发布 2 年后,路由器方法现在有据可查这是直接来自文档的代码:

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方法(参见源代码)可以做到window.history.back()

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

import Router from 'next/router'

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