【发布时间】:2018-08-01 03:41:01
【问题描述】:
我想知道如何将路由器链接添加到 material-ui AppBar 演示的正确方法。
https://codesandbox.io/s/l77yj96q7q
我是 react 新手,我的第一个猜测是以编程方式进行导航(例如在点击处理程序中),但它似乎不是 react-router 的工作方式。
问候
【问题讨论】:
标签: reactjs react-router material-ui
我想知道如何将路由器链接添加到 material-ui AppBar 演示的正确方法。
https://codesandbox.io/s/l77yj96q7q
我是 react 新手,我的第一个猜测是以编程方式进行导航(例如在点击处理程序中),但它似乎不是 react-router 的工作方式。
问候
【问题讨论】:
标签: reactjs react-router material-ui
您可以通过在事件处理程序中使用this.props.history.push('/My/Route') 以编程方式执行此操作!如果您无权访问 history 属性,请在使用 React-Router 包中的 WithRouter 组件对其进行柯里化后导出您的组件。示例:export default WithRouter(MyComponent)
或者您可以将组件包装在<Link to='/My/Route'><Component /></Link> 组件中,以便在单击它时将它们路由到组件的路径。如果要保留组件的样式,请使用<NavLink /> 组件而不是<Link /> 组件。
【讨论】: