ReactJS + AWS Amplify：MUI Select，获取`MenuItem`必须在`Menu`中使用

【问题标题】：ReactJS + AWS Amplify: MUI Select, getting `MenuItem` must be used within `Menu`ReactJS + AWS Amplify：MUI Select，获取`MenuItem`必须在`Menu`中使用
【发布时间】：2022-10-19 01:44:07
【问题描述】：

从https://mui.com/material-ui/react-select/ 复制/粘贴 JSX 后进入现有组件，我得到Uncaught Error: MenuItem must be used within Menu 这很令人抓狂，但我知道为什么会这样，所以想分享。

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

我从 AWS Amplify 而不是 mui 导入了 MenuItem。有一个 Amplify MenuItem 组件，当然与 MUI Select 不兼容。

代替从“@aws-amplify/ui-react”导入 { MenuItem }；

从“@mui/material”导入{ MenuItem }；

【讨论】：