Javascript react标记自动完成处理重复标记

Javascript react标记自动完成处理重复标记,javascript,arrays,reactjs,autocomplete,Javascript,Arrays,Reactjs,Autocomplete,我正在使用反应标记自动完成 一切正常,但当我尝试从自定义输入中删除重复值(由allowNew触发)时,重复值不会被删除 尝试使用enter或tab输入自定义标记 下面是一个关于codesandbox的示例 包含的方法不适用于对象 您可以使用map方法收集所有名称,方法是将回调函数作为参数传递 handleAddition(tag) { var names = this.state.tags.map(({name}) => name); if (!names.includes

我正在使用反应标记自动完成

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

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

下面是一个关于codesandbox的示例


包含的
方法不适用于对象

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

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