获取 Material-ui 自动补全组件中新增的 object

Question

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

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

Answer 1

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

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

沙盒