javascript - 在 ListItem 按钮中设置路由器单击

Question

我有下面的一套ListItem里面List。现在点击事件，我希望它路由到新的反应组件。怎么做？

<List>
    <ListItem button key= "Account">
        <ListItemIcon>{<MailIcon />}</ListItemIcon>
        <ListItemText primary= "Account" />
    </ListItem>

    <ListItem button key= "Student">
        <ListItemIcon>{<InboxIcon />}</ListItemIcon>
        <ListItemText primary= "Student" />
    </ListItem>
</List>

标签： javascriptreactjsroutingmaterial-design

Answer 1

来自 react-router-dom 的链接

<List component="nav">
      {orders.map(item =>
           <ListItem key={item.key} component={Link} button to={'/car/add/' + item.key} >
               <ListItemText primary={item.title} />
          </ListItem>
       )}
</List>