如何解决在React中,我如何使用id多次执行两个react标签输入问题:如果我在一个元素中添加标签,它也会在另一个元素中反映出来
在React中,如何使用id多次输入两次react标签。
问题:如果我在一个元素中添加标签,它也会在另一个元素中反映出来。
class ProfileSetting extends Component {
constructor(props) {
super(props);
this.state = {
tags: [
{ id: "Thailand",text: "Thailand" },{ id: "India",text: "India" }
],};
}
handleDelete = (i) => {
const { tags } = this.state;
this.setState({
tags: tags.filter((tag,index) => index !== i),});
}
handleAddition = (tag) => {
console.log('tag',tag);
this.setState(state => ({ tags: [...state.tags,tag] }));
}
render() {
const { tags,suggestions } = this.state;
return (<div className="card-body">
<h4 className="card-title">Services and Specialization</h4>
<div className="form-group">
<label>Services</label>
<ReactTags tags={tags}
suggestions={suggestions}
handleDelete={this.handleDelete}
handleAddition={this.handleAddition}
handleDrag={this.handleDrag}
delimiters={delimiters} />
</div>
<div className="form-group mb-0">
<label>Specialization </label>
<ReactTags tags={tags}
suggestions={suggestions}
handleDelete={this.handleDelete}
handleAddition={this.handleAddition}
handleDrag={this.handleDrag}
delimiters={delimiters} />
<small className="form-text text-muted">Note : Type & Press enter to add new specialization</small>
</div>
</div>
)
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。