在React中，我如何使用id多次执行两个react标签输入问题：如果我在一个元素中添加标签，它也会在另一个元素中反映出来

如何解决在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>
        )
    }
}