react-tag-autocomplete 处理重复标签
react-tag-autocomplete handling duplicate tags
我正在使用 react-tag-autocomplete Documentation.
一切正常,但是当我尝试从自定义输入中删除重复值(由 allowNew 触发)时,重复值没有被删除。
尝试使用 enter 或 tab 输入自定义标签。
这里是codesandbox的例子
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 Documentation.
一切正常,但是当我尝试从自定义输入中删除重复值(由 allowNew 触发)时,重复值没有被删除。
尝试使用 enter 或 tab 输入自定义标签。
这里是codesandbox的例子
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] }));
}
}