reactjs - 如何在 Ant Design 中获取所选 Select 组件的 id

Question

我想在Ant设计中获取Select组件的选择id，当前时间，Ant Design的Select返回选择值是Options的值，我可以设置value={item.id} 但是选择 Select 组件时，它会显示 id，而不是所选选项的名称，所以我必须设置 value={item.name} 并且 onChange 处理程序将采用 item.id。我该怎么做？

这是我的样本 Codesanbox

更新:我意识到在我的实际项目中，我返回带有条件的选项，如果我删除条件，它会返回选定的 id 并显示选定的名称，这正是我想要的，我的代码有什么问题？

  const userOptions = user.map((item, index) => {
    if (!existedUser.some((current) => current.id === item.id)) {
      return (
        <Option key={index} value={item.id}>{item.name}</Option>
      );
    }
  });

Answer 1

如果您通过 options至<Select /> ，您可以将选项传递为 {label: item.name, value: item.id} ，请记住，更改函数现在将收到 {label: ..., value: ...}所以如果你想要这个 id，你必须通过访问 .value 来获得它。 .