Reactjs 如何使用带有React.js的材质界面在自动完成菜单上添加更新和删除按钮

我正试图建立自动完成组件，我可以添加，更新和删除选择菜单中的选项，而它是开放的

多亏了material ui Autocomplete，我可以轻松完成添加操作，但没有关于操作其余部分的参考。（更新和删除）

下面是我想创建的示例的图像。名称和按钮将是选择菜单的选项

我如何创建上面这样的选项？我是否也应该手动填充每个选项的dom？

const TodoApp=（）=>{
const TodoApp = () => {
const [inputArray, setInputArray] = useState([])
  return (
 <div>
  {
    inputArray.map(item => (
    <input id={item.id} value={item.value)/>
)
)
  }
<button onClick={() => setinputArray(s => [...s, {id: 1231231313}])}>
</div>  
)
}

常量[inputArray，setInputArray]=useState（[]）
返回(
{
inputArray.map（项=>(
)
)
}
setinputArray（s=>[…s，{id:1231313}]）}>
)
}

您可以在

物料界面自动完成

中使用

多个值

，它将为您提供删除、添加和更新选项，

示例

：