gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 20:21:38 25 4
gpt4 key购买 nike

我正在从 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>

最佳答案

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

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

更多信息请参见 this answer .

关于material-ui - Material UI v1+ 如何使用带有 component={Link} 的 MenuItem,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51236059/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com