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

IT技术 reactjs model-view-controller jsx es6-modules semantic-ui-react
2021-05-10 17:13:17

我有一个关于 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' 
  />
2个回答

您可以使用value您在获得data的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_customers.key}

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

赞成他的解决方案，请在顶部查看 工作下拉菜单

其它你可能感兴趣的问题
上一篇如何使用 api 填充选择选项 下一篇Animate.spring 完成后调用函数