Material-ui App Bar w / react-router

Question

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

https://codesandbox.io/s/l77yj96q7q

我是新手做出反应，我的第一个猜测是做导航程序（例如在点击处理程序中），但似乎它不是反应路由器的工作方式。

此致

Answer 1

您可以在事件处理程序中使用WithRouter以编程方式执行此操作！如果您无权访问历史记录支持，则在使用React-Router软件包中的export default WithRouter(MyComponent)组件进行组合后导出组件。示例：<Link to='/My/Route'><Component /></Link>

或者您可以将组件包装在<NavLink />组件中，以便在单击它时将它们路由到组件的路径。如果要保留组件的样式，请使用<Link />组件而不是{{1}}组件。