material-ui 4.3.2上下文菜单鼠标右键点击位置

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

const ContextMenuExample = () => {
  const [anchorEl, setAnchorEl] = useState(null);

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

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

  return (
    <div onContextMenu={handleContextMenu}>
      <Button>Right-click me</Button>
      <Menu
        anchorEl={anchorEl}
        open={Boolean(anchorEl)}
        onClose={handleClose}
      >
        <MenuItem onClick={handleClose}>Option 1</MenuItem>
        <MenuItem onClick={handleClose}>Option 2</MenuItem>
        <MenuItem onClick={handleClose}>Option 3</MenuItem>
      </Menu>
    </div>
  );
};

export default ContextMenuExample;