Material UI -如何通过选择组件传入样式以更改弹出菜单的外观？

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

const useStyles = makeStyles((theme) => ({
  menuPaper: {
    backgroundColor: '#f2f2f2',
    color: '#333',
    fontSize: '14px',
  },
  menuItemRoot: {
    '&:hover': {
      backgroundColor: '#e0e0e0',
    },
  },
}));

const MyComponent = () => {
  const classes = useStyles();

  return (
    <div>
      <Menu
        classes={{ paper: classes.menuPaper }}
        // 其他props...
      >
        <MenuItem
          classes={{ root: classes.menuItemRoot }}
          // 其他props...
        >
          菜单项
        </MenuItem>
        {/* 其他菜单项... */}
      </Menu>
    </div>
  );
};

export default MyComponent;