材料 ui 自动完成 ID 与 event.target.id 使用 onChange

Question

每当 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”