Question

我正在从Material UI v0.20迁移到v1.2.3 +，但是我找不到方法将Link放入MenuItem内。

在此post中，提出了如下解决方案：

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

但是我不能完全正确。

如何在MenuItem中使用链接组件？

编辑：

将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。

材质用户界面v1 +如何使用component = {Link}的MenuItem

1 个答案: