Javascript 材质UI：是否可以通过菜单项发送对象？

我正试图通过MUI

发送一个对象

{language:“english”，code:“en”}

。如果有办法成功地实现这一点？这将为我节省大量繁忙的工作，在为语言分配代码的过程中创建大量的switch语句

当前机具，我尝试将对象作为第一个选择传递：

        <FormControlSelection variant="outlined">
          <InputLabel id="select-language">Language</InputLabel>
          <Select
            labelId="select-language"
            value={lesson.language.language}
            name="language"
            label="Language"
            onChange={handleLanguage}
          >
            <MenuItem value={{ language: "english", code: "en" }}>
              English
            </MenuItem>
            <MenuItem value={"italian"}>Italian</MenuItem>
            <MenuItem value={"spanish"}>Spanish</MenuItem>
          </Select>
          <FormHelperText>What language is the file in?</FormHelperText>
        </FormControlSelection>

语言
英语
意大利人
西班牙的
文件使用什么语言？

不幸的是，当我尝试实现上面提供的解决方案时，我在控制台中收到以下警告：

物料界面：您为select（name=“language”）组件提供了一个超出范围的值

undefined

。 考虑提供一个匹配可用选项或'''的值。 可用值为“[object]”、“意大利语”、“西班牙语”

在本例中，该值确实到达我的状态。。。我已经成功地为语言更新了对象但我的输入显示为空选择，如下所示

---

有什么想法吗？

请参见我的相关答案：一种可能是创建一个包含语言代码对的对象/映射，并在需要时访问它（使用

handleLanguage

）。不需要switch语句。请参见我的相关回答：一种可能是使用语言代码对创建对象/映射，并在需要时访问它（在

handleLanguage

）。不需要switch语句。