问题描述
在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 (将#修改为@)