在Material-UI中取消悬停目标元素时，如何使DropDown菜单停留

import React from 'react';
import { Button, Menu, MenuItem } from '@material-ui/core';

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

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

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

<Button aria-controls="dropdown-menu" aria-haspopup="true" onClick={handleMenuOpen}>
  Open Menu
</Button>

<Menu
  id="dropdown-menu"
  anchorEl={anchorEl}
  keepMounted
  open={Boolean(anchorEl)}
  onClose={handleMenuClose}
>
  <MenuItem onClick={handleMenuClose}>Option 1</MenuItem>
  <MenuItem onClick={handleMenuClose}>Option 2</MenuItem>
  <MenuItem onClick={handleMenuClose}>Option 3</MenuItem>
</Menu>