失败的道具类型：当我打开 Material UI 菜单时，提供给“ForwardRef(Portal)”的道具“容器”无效答案

【问题标题】：Failed prop type: Invalid prop `container` supplied to `ForwardRef(Portal)` when I open Material UI menu失败的道具类型：当我打开 Material UI 菜单时，提供给“ForwardRef(Portal)”的道具“容器”无效
【发布时间】：2020-04-23 11:26:05
【问题描述】：

我使用 Material UI 演示中提供的简单菜单演示。当我第一次在页面上打开菜单时出现警告，如下所示。

这是我的代码

const classes = useStyles();
const buttonRef = React.useRef();
const [anchorEl, setAnchorEl] = React.useState(null);
const handleMenu = (event) => {
   setAnchorEl(true);
};
const handleClose = () => {
    setAnchorEl(null);
};

<Button size="small" startIcon={<BreakIcon/>} ref={buttonRef} className={classes.primaryBgColor} aria-controls={anchorEl ? "simple-menu" : undefined} aria-haspopup="true" onClick={handleMenu}> Coaching
</Button>
<Menu id="simple-menu" anchorEl={()=> buttonRef.current} keepMounted open={Boolean(anchorEl)} onClose={handleClose} >
    <MenuItem onClick={handleClose}>Profile</MenuItem>
    <MenuItem onClick={handleClose}>My account</MenuItem>
    <MenuItem onClick={handleClose}>Logout</MenuItem>
</Menu>

需要帮助来解决这个问题。

【问题讨论】：

你使用的是什么版本的 React 和 Material-UI？
React 是 16.13.1，Material UI 是 4.9.10

标签： reactjs google-chrome-extension material-ui

【解决方案1】：

看起来问题出在代码库的其他地方。我尝试在沙箱中复制您的组件代码，它工作正常，不会抛出任何此类警告。

这里是沙盒：https://codesandbox.io/s/material-demo-z3isq?file=/demo.js

【讨论】：