如何修复 Select 中不显示任何值的错误，我可以单击并获取最后一个对象

Question

更新
没有找到真正的解决方案。通过使用 Context 发送信息而不是通过 Components 发送所有信息来解决。

我在 Select 中制作了一个项目列表，以表格形式显示。但是 Select 不会显示其中任何一个。如果我单击列表，它将在 Select 框中显示最后一个值。

我尝试在一个干净的 reactjs 脚本中重新构建ui它并且它运行很好。可能是我忘记了我无法弄清楚的事情。

我使用了 Material-ui 网站上的虚拟版本，但出现了同样的错误。
我也尝试过制作一个干净的模板表单版本，运行很好。所以代码应该是正确的。

<FormControl>
    <InputLabel htmlFor="listOfInformation">
         List of Information
    </InputLabel>
    <Select
         value={listOfInformation}
         name='List of Information'
         onChange={this.handleChange('listOfInformation')}
    >
         {categories.map(category => 
              <MenuItem 
                   open={open} 
                   key={category} 
                   value={category}
              >
                   {category}
                   {console.log("Test ", category)}
              </MenuItem>
         )}
    </Select>
</FormControl>

这位于我的表单中。我的表单也有工作正常的 TextFields。我已经调用 App.js 中的组件以确保我之前没有做错任何事情，它得到了同样的错误。

弹出提示显示很好。它应该显示整个信息列表

Answer 1

我不知道发生了什么。我认为我在通过组件发送值时处理值的方式存在一些错误（嵌套 4 层）。我已将处理方式更改为使用上下文。这解决了这个错误。我认为它没有获取正确的值。

我的解决方案是使用上下文来处理我所有的值。我使用这个解决方案是因为我认为 Redux 或类似的解决方案会太多，但需要上下文，因为我正在传递大量信息。

如何修复 Select 中不显示任何值的错误，我可以单击并获取最后一个对象

How to get fix a bug where it dont shows any values in Select, I can click and it fetches the last object

reactjs

material-ui

menuitem