react-tag-autocomplete 处理重复标签

Question

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

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

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

这里是codesandbox的例子

Answer 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] }));
    }
}

react-tag-autocomplete 处理重复标签

react-tag-autocomplete handling duplicate tags

javascript

arrays

reactjs

autocomplete