返回介绍

如何在 React Router v4 上获取历史对象?

发布于 2024-09-16 12:15:18 字数 725 浏览 0 评论 0 收藏 0

1、创建一个导出 history 对象的模块,并在整个项目中导入该模块。

例如, 创建 history.js 文件:

import { createBrowserHistory } from 'history'

export default createBrowserHistory({
  /* pass a configuration object here if needed */
})

2、您应该使用 <Router> 组件而不是内置路由器。在 index.js 文件中导入上面的 history.js

import { Router } from 'react-router-dom'
import history from './history'
import App from './App'

ReactDOM.render((
  <Router history={history}>
    <App />
  </Router>
), holder)

3、您还可以使用类似于内置历史对象的 history 对象的 push 方法:

// some-other-file.js
import history from './history'

history.push('/go-here')

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文