【问题标题】:Material-ui App Bar w/ react-routerMaterial-ui Appbar with/ react-router
【发布时间】:2018-08-01 03:41:01
【问题描述】:

我想知道如何将路由器链接添加到 material-ui AppBar 演示的正确方法。

https://codesandbox.io/s/l77yj96q7q

我是 react 新手,我的第一个猜测是以编程方式进行导航(例如在点击处理程序中),但它似乎不是 react-router 的工作方式。

问候

【问题讨论】:

    标签: reactjs react-router material-ui


    【解决方案1】:

    您可以通过在事件处理程序中使用this.props.history.push('/My/Route') 以编程方式执行此操作!如果您无权访问 history 属性,请在使用 React-Router 包中的 WithRouter 组件对其进行柯里化后导出您的组件。示例:export default WithRouter(MyComponent)

    或者您可以将组件包装在<Link to='/My/Route'><Component /></Link> 组件中,以便在单击它时将它们路由到组件的路径。如果要保留组件的样式,请使用<NavLink /> 组件而不是<Link /> 组件。

    【讨论】:

      猜你喜欢
      • 2019-08-27
      • 2018-04-02
      • 2021-08-20
      • 2018-10-11
      • 2019-07-19
      • 1970-01-01
      • 2020-11-02
      • 2018-12-02
      • 2020-11-18
      相关资源
      最近更新 更多