从列表中删除项目时如何捕获AsyncTypeahead中已删除的项目

时间:2019-10-29 11:30:23

标签: asynchronous react-bootstrap react-bootstrap-typeahead

bootstrap-typeahead用于将多个项目添加到列表中。

https://github.com/ericgio/react-bootstrap-typeahead

当我从列表中删除项目时,我需要选择值。 AsyncTypeahead的onChange事件在将项目删除并将其添加到列表时处理该事件。

删除项目后,所选数据将使用列表中的现有值进行更新。

例如:我在列表中有3个项目,我要删除一个项目,然后所选列表包含现有项目。 (2个项目)

在我的项目中,我想在移除时获取该移除的项目。

是否有任何功能可以在“ onChange”事件中选择删除的值。

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,我以这种方式对其进行了排序:

将当前选择的项目与onchange之前的选择的项目进行比较。 例如:

 const removedItem = this.state.alradySelectedItems.filter(value => !selected.includes(value));