单视图处理多状态

Question

我正在做类似Modal的事情，有一种形式是在Node上提交数据，该数据需要在Node中显示，但是我面临的问题是，当我单击node1时，打开多个同一个模态，但是当我在填写表格 node1 id替换为node2

时，在控制台中单击node2相同模式打开

这是我的代码

<Modal
            title="Enter New Process"
            visible={this.state.dialogVisible_two}
            onCancel={this.hideModal_two}
            id={this.state.nodeid}
            footer={[
                <Button key="back" onClick={this.hideModal_two}>cancel</Button>,
                <Button key="submit" type="primary" onClick={this.saveDatas}>
                    determine
        </Button>
            ]}>
            <form onSubmit={this.saveProcess(this.state.nodeid)}>

                <h4>Add Process</h4>

                {this.state.shareholders.map((shareholder, id) => (
                    <div className="shareholder">

                        <input
                            type="text"
                            name="name"
                            onChange={this.handleShareholderNameChange(id)}
                        />
                        <button
                            type="button"
                            onClick={this.handleRemoveShareholder(id)}
                            className="small"
                        >
                            -
        </button>
                    </div>
                ))}
                <button
                    type="button"
                    onClick={this.handleAddShareholder}
                    className="small"
                >
                    Add Process
    </button>

            </form>
       </Modal>

这是我获得给定波纹管链接的结果是屏幕截图

https://gyazo.com/d484ae4cb747c3f7d5fd5b4d2de89a59

这是我在同一组件中定义的状态

  shareholders: [{
      name: ""
  }],
  nodeid:null,

这是我在控制台中显示的saveProcess函数

https://gyazo.com/fec76849a9379a6e8486f858501890bf