Reactjs 如何将密钥检索到语义ui react下拉列表中？

我有一个关于react下拉菜单的小问题

我可以提取下拉列表中的值，但我还需要键，因为我的页面是用来卖东西的。因此，它是一个关联表，我需要每个表的id来进行查询INNERJOIN

我是这样填写的：

let options_customers = [];

serviceList[0].map((service, i) =>
                    options_customers.push({ 
                        key: service.Id, 
                        text: service.Name, 
                        value: service.Name 
                     })) 

我的下拉列表：

  <Dropdown 
    selection options={options_customers} 
    onChange={this.handleChange} 
    value={value} key={options_customers.key} 
    name="selectCustomer" placeholder='Select Customer' 
  />

---

您可以使用

数据

中的

值

到

onChange

功能，取出正确的选项并从中取出钥匙：

handleChange(event, data) {
  const { value } = data;
  const { key } = data.options.find(o => o.value === value);
}

---

我正在提供反馈和我所做的更新：

第一:

<Dropdown selection options={options_customers} onChange={this.handleChange} name="selectCustomer" placeholder='Select Customer' /><br />

在我以前的代码中，我有value={value}和key={options\u customers.key}

其次，在我的handleChange中，我实现了您的示例，现在它开始工作了 非常感谢

请把他的解决方案投到上面看

---

您是否在询问如何在

handleChange

函数中获取密钥？是的，我想在handleChange中获取密钥，但我总是未定义。你知道有没有可能？谢谢！我能解释一下它是如何工作的吗？我是一个新的学习者，我真的很好奇。：）当然将使用事件和所选选项的数据调用

下拉列表

onChange

函数。然后，我们可以通过提供给

下拉列表的
选项
搜索
值
与刚刚选择的
值
相同的选项。我们终于从这个选项中选择了
键
，我们完成了。那么我可以申请每个组件吗？但为什么它不存储在事件中，我们需要第二个参数数据？因为，我对事件的理解为我们提供了元素的属性，所以我们可以从中检索。另外，在您的示例中，o.value===value是直接比较id，因为我的下拉列表中有两个相同的值。例如，id=“1”hello和id=“2”hello。那么它会比较id吗？@Nightlord这就是语义UI下拉列表的构建方式。文本可以是相同的，但是有两个相同值的选项可能不是一个好主意。