在 Material-ui Autocomplete 组件中获取新添加的对象

Question

我正在使用带有multiple 选择的material-ui Autcomplete 组件。对于其中一种情况，我需要获取新添加项目的价值。当我使用onChange 侦听器时，它会为我提供在自动完成输入中选择的所有值。有没有办法只添加或删除一个？

Codesandbox - https://codesandbox.io/s/xqex8?file=/demo.js

Answer 1

根据文档，onChange 函数接收三个属性，称为event、value 和原因。您可以利用event.target.textContent获取新添加项目的价值，如下所示：

onChange={(event, value) =>
          console.log(
            top100Films.filter(
              (el, id) => el.title === event.target.textContent
            )
          )
        }

sandbox