reactjs - 如何在 Gatsby 中添加后退按钮

Question

如何添加不重新加载页面的后退按钮？

目前我有这个，它有效，但完全重新加载：

import { Link, browserHistory } from 'react-router'

<button onClick={browserHistory.goBack}>Back</button>

但我宁愿使用 React Router 的 Link 来返回，而不必重新加载页面。

Answer 1

这是我最终在我的 React 组件中使用的：

<button onClick={this.context.router.goBack}>Back</button>

如果您还想在不刷新页面的情况下在 Markdown 编写的页面之间进行转换，则需要修改wrappers/md.jsx文件：

感谢 Scott Nonnenberg 的博客文章解释了如何做到这一点。

Answer 2

最新版本的到达路由器支持这一点。您只需要添加以下代码即可创建后退按钮

                        <button onClick={()=>navigate(-1)}>Back</button>

干杯