javascript - React-tag-autocomplete 处理重复标签

Question

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

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

尝试使用 Enter 或 Tab 输入自定义标签。

这是关于codesandbox的示例

Answer 1

includes 方法不适用于对象。

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

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