MenuItem 链接在下拉菜单上不起作用答案

【问题标题】：MenuItem Link not working on dropdown menuMenuItem 链接在下拉菜单上不起作用
【发布时间】：2020-04-11 16:46:11
【问题描述】：

我的个人资料链接在我的下拉菜单中无效。我想，当单击配置文件选项卡以定向到 /user 页面时。当前，单击时除了关闭菜单之外什么也没有发生。我的组件是：

Navbar.js

const Navbar = () => {
  const [anchorEl, setAnchorEl] = React.useState(null);

  const handleClick = event => {
    setAnchorEl(event.currentTarget);
  };

  const handleClose = () => {
    setAnchorEl(null);
  };
  const classes = useStyles();
  return (
    <div className={classes.userItem}>
          <Button onClick={handleClick}>
            <span className={classes.userItemText}>Username</span>
          </Button>
          <Menu
            anchorEl={anchorEl}
            keepMounted
            open={Boolean(anchorEl)}
            onClose={handleClose}>
            <MenuItem componenet={Link} to='/user' onClick={handleClose}>
              Profile
            </MenuItem>
            <MenuItem onClick={handleClose}>Logout</MenuItem>
          </Menu>
        </div>
  )
}

我的导航栏上有其他 MenuItem Link 组件工作正常，所以我不知道为什么这个不工作。谢谢！

已解决：在盯着这个 30 分钟到一个小时后，我意识到我拼写了 component 错误。感谢那些看过...的人会留下，以防有人需要类似的东西。

【问题讨论】：

标签： reactjs material-ui react-router-dom

【解决方案1】：

已解决：我意识到我拼写错误的组件。

<MenuItem component={Link} to='/user' onClick={handleClose}>
    Profile
</MenuItem>

【讨论】：