当前位置: 首页 > 知识库问答 >
问题:

如何在Reactrouter4中导航到组件之外?

刘松
2023-03-14
export function addProduct(props) {
  return dispatch =>
    axios.post(`${ROOT_URL}/cart`, props, config)
      .then(response => {
        dispatch({ type: types.AUTH_USER });
        localStorage.setItem('token', response.data.token);
        browserHistory.push('/cart'); // no longer in React Router V4
      });
}

如何从React Router v4中的函数重定向到页面?

我可以从组件中找到很多关于导航的引用,在我的情况下,我需要从函数中导航

共有1个答案

王涵育
2023-03-14

如果你想让程序路由器到某个地方,使用历史记录是最好的解决方案,这里的问题是如何在组件中获得历史记录对象:

>

  • 路由:使用路由呈现组件
  • withrouter:包装组件:

    类yourcomponent扩展组件{}

  •  类似资料:
    • 我正在我的应用程序中尝试导航架构组件。早些时候,我使用片段事务来实现以下功能。基本上,我想从导航。 碎片- 如果我正在使用导航组件并尝试 然后结果是FragmentA被FragmentB替换并且背景片段不可见。 我想知道一个解决方案,如果导航架构组件允许的话。 附言:我听说过嵌套导航主机,但从内部使用它好吗。 更新: FragmentB将有进一步交易的行动,例如: 碎片- 当用户按下后退按钮时,片

    • 我不知道如何使用新的导航架构组件,从我的主屏幕(带有连接到底部应用程序栏的浮动操作按钮)导航到没有应用程序栏的另一个屏幕。 当我点击晶圆厂时,我想要我的下一个屏幕(片段?)从右侧滑入。问题是我应该把我的

    • 本文向大家介绍Bootstrap CSS组件之导航(nav),包括了Bootstrap CSS组件之导航(nav)的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Bootstrap导航的具体代码,供大家参考,具体内容如下 和默认的.btn样式不同,默认的.nav样式不提供默认的导航,必须通过附加另外一个样式才行,比如.nav-tabs样式表示选项卡导航。 nav nav-tabs n

    • 导航组件说明 组件 说明 最低版本 navigator 页面链接 1.0.0 functional-page-navigator 用于跳转插件功能页 不支持 navigator 属性 类型 默认值 必填 说明 最低版本 url string 否 当前小程序内的跳转链接 open-type navigate 否 跳转方式 hover-class string navigator-hover 否 指定

    • 我正在一个新的Android应用程序上使用导航组件,但我不知道怎么做 首先,我有我的主活动,我有main_navigation_graph 主要活动 NavHostFragment main_navigation_graph里面有3个碎片 这里一切都很好。问题是当我到达最后一个片段时,因为在这个片段上,我想根据BottomNavigationView输入(暂时)显示一些子片段(在新的NavHost

    • 在Eclipse中,在工作区屏幕中,我使用Alt+Shift+W->选择,它将导航到Package Explorer中的。 在Android Studio中如何做到这一点?(我在Android Studio中设置了key-map,热键Alt+ShiftW不可用)。