Reactjs 如何从受控自动完成中移除芯片？

我目前正在使用Material UI Autocomplete组件来实现多选功能

我试图将其作为一个受控组件使用，我可以从列表中添加任意数量的芯片，但是当涉及到单独删除它们时，我有两种不同的情况

如果autocomplete有1个芯片长度为0，我点击x，我就得到了服务

打字错误 无法读取未定义的属性“title”

如果autocomplete有>1个芯片，我点击x，它会一次又一次地添加最后一个芯片

查看AutoCompleteAPI，我没有看到芯片本身的onClose，只看到带有选项的弹出窗口

是否有一个特定的道具我需要从一个受控的自动完成删除项目

---

谢谢你的任何想法，非常感谢

您需要将onchange更改为：

onChange={(e, newval) => {
        console.log(newval);
        setState(newval);
      }}

---

请在问题正文中提供您的代码。

onChange={(e, newval) => {
        console.log(newval);
        setState(newval);
      }}