react-tag-autocomplete 处理重复标签

【问题标题】：react-tag-autocomplete handling duplicate tagsreact-tag-autocomplete 处理重复标签
【发布时间】：2020-10-20 16:45:28
【问题描述】：

我正在使用 react-tag-autocomplete Documentation。

一切正常，但是当我尝试从自定义输入（由 allowNew 触发）中删除重复值时，不会删除重复值。

尝试使用 enter 或 tab 输入自定义标签。

这是一个关于codesandbox的例子

【问题讨论】：

标签： javascript arrays reactjs autocomplete

【解决方案1】：

includes 方法不适用于对象。

您可以使用map 方法通过将回调函数作为argument 传递来收集所有名称。

handleAddition(tag) {
    var names = this.state.tags.map(({name}) => name);
    if (!names.includes(tag.name)) {
        this.setState(state => ({ tags: [...state.tags, tag] }));
    }
}

【讨论】：