小编Giu*_*use的帖子

我正在对反应材料进行一些练习，但我遇到了菜单问题。

奇怪的是，我有两个 IconButton 组件，如果我将设置锚元素的 onClick 放在第一个 IconButton 上，一切正常。

如果我将设置锚元素的 onClick 放在第二个 IconButton 上，菜单将永远不会关闭。

为什么会发生？以及如何解决？这是代码：

import React from 'react';
import AppBar from '@mui/material/AppBar';
import Toolbar from '@mui/material/Toolbar';
import Avatar from '@mui/material/Avatar';
import Menu from '@mui/material/Menu';
import MenuItem from '@mui/material/MenuItem';

import IconButton from '@mui/material/IconButton';

import MenuIcon from '@mui/icons-material/Menu';
import AccountIcon from '@mui/icons-material/AccountCircle';

function TopComp(props) {
  const [anchorEl, setAnchorEl] = React.useState(null);
  const isMenuOpen = Boolean(anchorEl);

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

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

  return ( …