Javascript 使用包含对象数组（ID和标签）的选项实现材质UI自动完成

我正在为我的项目使用材质UI自动完成。如中所示，我的选项是

let选项=[
{id:“507f191e810c19729de860ea”，标签：“伦敦”}，
{id:“u07f1u1e810c19729de560ty”，标签：“新加坡”}，
{id:“lo7f19re510c19729de8r090”，标签：“达卡”}，
]

然后，我使用

Autocomplete

as

import React，{Component，Fragment，useState}来自“React”
从“@material ui/core/TextField”导入TextField；
从“@material ui/lab/Autocomplete”导入自动完成；
从“/选项”导入选项
功能选择位置（道具）{
const[input，setInput]=useState（“”）；
const getInput=（事件，val）=>{
设置输入（val）；
}
返回(
{option.label}}
getOptionLabel={option=>option.label}
renderInput={params=>{
返回(
)
}}
onInputChange={getInput}
/>
)
}

现在我的UI（选项列表）显示了我所期望的问题是，我将

伦敦

或

新加坡

作为我的

输入值

，但我想从该输入中获取所选对象或

ID

---

我已经完全遵循了他们的文档，但找不到方法

onInputChange

get使用输入的实际内容触发

您可能希望使用由公开的

onChange

事件，该事件将返回所选元素。然后，id应在

getInput

回调中作为

val.id

可用