material-ui - Material UI v1+ 如何使用带有 component={Link} 的 MenuItem

Question

我正在从 Material UI v0.20 迁移到 v1.2.3+，但我找不到将链接放入 MenuItem 中的方法。

在此post提出了一个解决方案，如下所示:

      <MenuItem className={classes.menuItem}
        component={<Link to="/edit" />}
        disabled={!props.canEdit}
        onClick={() => props.handleCardAction('EDIT')}
      >

但我不太明白。

如何在 MenuItem 中使用 Link 组件？

编辑:

将 MenuItem 包装在 Link 内是可行的，但看起来很丑:ref

<Link to="/edit">
        <MenuItem className={classes.menuItem}
          disabled={!props.canEdit}
          onClick={() => props.handleCardAction('EDIT')}
        >
          <ListItemIcon className={classes.icon}>
            <EditIcon />
          </ListItemIcon>
          <ListItemText classes={{ primary: classes.primary }} inset primary="Edit" />
        </MenuItem>
      </Link>

Answer 1

你很接近，预期的方式是这样的:

<MenuItem
    component={Link}
    to="/edit"
    className={classes.menuItem}
    disabled={!props.canEdit}
    onClick={() => props.handleCardAction('EDIT')}
>
    Bla
</MenuItem>

更多信息请参见 this answer .