Material-UI 的 Menu 为什么点击不消失？

Zz议谣提问于 2026-03-25 16:48:24 阅读 3

组件

我用 Material-UI 写了个菜单，但点完菜单项后下拉框不自动关闭，得点外面才行。

试过加 onClose 和手动控制 open 状态，但好像没触发。这是我的代码：

const [anchorEl, setAnchorEl] = React.useState(null);
const open = Boolean(anchorEl);

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

const handleClose = () => {
  setAnchorEl(null);
};

return (
  <>
    <Button onClick={handleClick}>打开菜单</Button>
    <Menu open={open} anchorEl={anchorEl} onClose={handleClose}>
      <MenuItem onClick={() => console.log('点了')}>选项1</MenuItem>
    </Menu>
  </>
);

是不是 MenuItem 里得手动调 handleClose？感觉文档没说清楚……

Menu菜单

我来解答赞 2 收藏

反馈

暂无解答