如何在React JS中激活侧面菜单

时间:2019-05-17 12:09:09

标签: reactjs material-ui

如何在React应用程序中激活侧面菜单。我在应用程序中将ListItem用于显示侧菜单。但是在侧面菜单中,当我单击ListItem时,它将重定向到新页面。因此,如何选择或激活侧面菜单。我尝试使用状态进行活动,但是页面被重定向到另一个页面。因此状态将不起作用。

type= sensor_msgs/PointCloud2

任何人请给我建议一个解决方案。

谢谢

1 个答案:

答案 0 :(得分:0)

有两种方法可以思考:

  1. 具有类似以下内容的包装器组件:
const Wrapper = () => (
   <React.Fragment>
      <Sidebar />
      <Content />
   </React.Fragment>
)

Content中,您可以使用基于路径的渲染来切换内容。然后在侧边栏中管理state

  1. 获取应用程序所在的位置,并使用此键设置活动项。

您可以使用react-router来处理路由。

希望这会有所帮助!