返回介绍

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

发布于 2024-08-09 20:39:58 字数 906 浏览 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 和您的相关数据。
    原文