【问题标题】:Any cleaner way to trigger React Route change?有什么更简洁的方法来触发 React Route 更改?
【发布时间】:2016-11-09 03:22:20
【问题描述】:

我对 React-Router 很陌生,我想知道是否有一种简单的方法来更改 Route,例如 Angular UI Router 中的状态等概念。来自 React Router 官方教程:

https://github.com/reactjs/react-router-tutorial/tree/master/lessons/12-navigating

我的理解是:我必须手动更改url才能触发路由更改。

【问题讨论】:

    标签: reactjs react-router


    【解决方案1】:

    您到底想达到什么目的?你看过react-router Link 组件吗?

    也许您的应用中最常用的组件是链接。它几乎与您习惯使用的 标签相同,只是它知道渲染它的路由器。

    React-Router Tutorial / Lesson 3: Navigating with Link

    【讨论】:

    • 感谢您的回复。我现在的目标很简单,只需单击按钮/图像即可切换视图。但是从 React Router 教程的示例中,似乎我需要知道整个 URL 并将其推送到 browserHistory。我想知道是否有任何来自 React Router 的 API 允许我使用简单的状态参数定义一个动作,比如在 Angular UI 路由器 state.go()
    • 假设您想添加一个按钮,将用户带到登录页面。你试过简单的<Link to="/login">Login</Link>吗?使该链接看起来像一个按钮应该只是样式问题...
    • 我需要有条件地决定一个点击动作,这就是为什么我需要指定我应该触发哪个视图
    • Kuan,如果您需要决定命中哪条路线,您可以简单地将链接绑定到您的条件逻辑,如下所示:const routeToHit = thisOrThat ? '/login' : '/some-view';。然后,在你的链接中,你这样做:<Link to={routeToHit}>Label<Link>
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-04
    • 1970-01-01
    • 2012-11-10
    • 1970-01-01
    相关资源
    最近更新 更多