在选择中显示不同的值

Question

我正在使用 Material UI 中的 Select 组件，这是我正在尝试的：https://codesandbox.io/s/divine-water-zh16n?file=/src/App.js

给定：

• 一个帐户对象，例如 {id:1, name:'name'}，我想选择一个 'name' 和 setState 及其值，代码沙箱处于此阶段。

问题：

• MUI 选择在执行此操作后不呈现任何视觉值，我的目标是让 Select 组件呈现已选择的值的名称

理想：

• 名称显示在下拉列表中，选择后，名称会填充选择
• onChange 接受 value 属性并使用它

非常感谢任何想法，我尝试使用 renderValue 道具无济于事，再次感谢！

Answer 1

选择下拉菜单应始终反映value: state.selected。 呈现下拉列表中的name。

我们将使用state.selected 即id 并在state.accounts 中找到id 以显示相关的name。

修改了您的代码。如下请见： https://codesandbox.io/s/charming-gareth-e6gqs