如何解决材料 ui 自动完成 ID 与 event.target.id 使用 onChange
每当 onChange 被触发时,我都试图获取标签的 id。但是,我从 onChange 函数获得的 id 与我在标签中使用的 id 不同。 代码如下:
<Autocomplete
id="country"
options={countriesList}
classes={{
option: classes.option,}}
onChange={handleChange}
getOptionSelected={(option,value) => option.code === value.code}
getOptionLabel={(option) => option.label}
renderOption={(option) => (
<React.Fragment>
{option.label}
</React.Fragment>
)}
renderInput={(params) => (
<TextField
..
..
/>
const handleChange = (event,value) => {
console.log('ID: ',event.target.id);
...
..
}
**Output:**
country-option-0
“-option-0”附加到我的 ID。 0 根据我在下拉列表中选择的值进行更改。如果我在 dropdwon 中选择第二个选项,输出将是“country-option-1”
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。