首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ReactJs从Material自动完成获得id而不是值

ReactJs从Material自动完成获得id而不是值
EN

Stack Overflow用户
提问于 2021-11-30 01:40:14
回答 1查看 3.1K关注 0票数 0

我正在使用资料UI自动完成,以获得国家清单,我需要得到选定的国家id发送回数据库。

代码语言:javascript
运行
复制
<Autocomplete
   options={this.state.countries.map(option => option.name_en + ` (${option.name_native})`)}
   id="discountType"
   value={this.state.makeCountry}
   onChange={(e, value) => this.logCountry(e, value)}
   renderInput={(params) =>
   <TextField
      {...params}
      variant="outlined"
      label="Select make country"
   />}
/>

我需要将option.id与值一起发送到logCountry函数。

EN

Stack Overflow用户

回答已采纳

发布于 2021-11-30 01:56:23

在创建options时,可以将它们转换为如下格式的对象:

代码语言:javascript
运行
复制
const options = this.state.countries.map(option => ({ id: option.id, label: option.name_en + ` (${option.name_native})`}));

然后可以使用onChange={(e, value) => this.logCountry(e, value.id)}访问所选选项id。

为了实现这种行为,我使用了梅自动完成的文档 stackblitz示例,您可以检查它这里

票数 3
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70163292

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档