如何将密钥检索到Semantic-ui-react下拉列表中？

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

在您可以使用value您在获得data的onChange功能拿出正确的选择,并采取从关键:

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