如何将密钥检索到语义-ui响应下拉列表中？

Question

关于下拉式菜单，我有个小问题。

我可以提取下拉列表中的值，但是我也需要键，因为我的页面是用来销售东西的。因此，它是一个关联表，我需要每个表中的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' 
  />

Answer 1

您可以使用在data中获得的data函数到onChange函数中获得正确的选项，并从中获取键：

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

Answer 2

我正在给出我所做的反馈和更新：

第一：

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

在前面的代码中，我有value={value}和key={options_customers.key}。

其次，在我的handleChange中，我实现了您的示例，现在它非常感谢！

对他的解决方案投了赞成票，请在上面看

​