react createBrowserHistory 实现点击按钮跳转上下一个路由
时间: 2023-07-13 07:12:56 浏览: 203
react-router JS 控制路由跳转实例
好的,您可以使用 `createBrowserHistory` 以编程方式控制浏览器历史记录,并实现点击按钮跳转上下一个路由的效果。您可以通过以下步骤来实现:
1. 首先,安装 `history` 包,它提供了许多不同的历史记录实现,包括 `createBrowserHistory`。
```bash
npm install history --save
```
2. 在您的代码中导入 `createBrowserHistory` 并创建一个历史记录对象。
```javascript
import { createBrowserHistory } from 'history';
const history = createBrowserHistory();
```
3. 使用 `history.push` 方法将用户导航到一个新的路由。例如,当用户单击一个按钮时,您可以将其导航到新的路由。
```javascript
// 点击“下一页”按钮,导航到下一个路由
<button onClick={() => history.push('/next-page')}>下一页</button>
// 点击“上一页”按钮,导航到上一个路由
<button onClick={() => history.goBack()}>上一页</button>
```
这样,您就可以使用 `createBrowserHistory` 和 `history` 对象来实现点击按钮跳转上下一个路由的效果。
阅读全文