Ссылка на MenuItem не работает в выпадающем меню - PullRequest
Новая
       39

Ссылка на MenuItem не работает в выпадающем меню

0 голосов
/ 11 апреля 2020

Ссылка «Мой профиль» не работает в выпадающем меню. Я хотел бы, чтобы при нажатии на вкладку профиля, чтобы перейти на страницу / пользователя. В настоящее время при нажатии ничего не происходит, кроме закрытия меню. Мой компонент:

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 минут до часа, я понял, что записал компонент неправильно. Спасибо людям, которые смотрели ... оставят, если кому-то понадобится нечто подобное.

1 Ответ

0 голосов
/ 11 апреля 2020

решено: Я понял, что записал компонент неправильно. 

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