如何从列表项侧边栏菜单选项访问选项卡 react-router-dom 路由

问题描述

我已经设置了 Material-UI react-router 标签导航，如本 Codesandbox 示例中所示，一切正常。

我的问题是，我还有一个左侧菜单导航设置，它使用带有以下代码的 Paperbase Material-UI 模板：

   {children.map(({ id: childId,icon,active,href }) => (
      <ListItem
        key={childId}
        button
        className={clsx(classes.item,active && classes.itemActiveItem)}
        component={Link}
        to={href}
      >
   ))}

此处 href 具有值："/books" and "/favorites"，这是 Material-UI 选项卡使用的值。

使用上面的代码，我如何引导侧边栏导航菜单单击以直接转到具有 Books 和 Favourites 选项卡的页面，然后还可以进入 Books 或收藏组件就像我自己点击了这些标签中的任何一个一样？

我还需要确保选项卡路由路径选项卡处于活动状态。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）