Material-UI如何在MenuItem中使用forwardRef

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

const CustomMenuItem = forwardRef((props, ref) => {
  return (
    <MenuItem ref={ref} {...props}>
      {/* 在这里编写MenuItem的内容 */}
    </MenuItem>
  );
});

function ParentComponent() {
  const menuItemRef = useRef(null);

  const handleClick = () => {
    // 在这里可以操作menuItemRef.current，例如获取子组件的属性或调用子组件的方法
  };

  return (
    <div>
      <CustomMenuItem ref={menuItemRef} onClick={handleClick}>
        {/* 在这里编写MenuItem的内容 */}
      </CustomMenuItem>
    </div>
  );
}