在React中,我正在研究CRUD表单,如何将数据传递给子组件并在父组件中更新?

时间:2019-01-16 12:11:38

标签: reactjs

我正在开发CRUD应用程序,其中包含以下组件

  1. DistributionList-显示项目列表(标题和用户)
  2. AddDistributionListForm-一种接受输入(文本框和人员选择器)的表单
  3. EditDistributionListForm-用户在通讯组列表中选择一项填充值并允许用户进行编辑的项目时的表格。

当用户在“通讯组列表”中选择一个项目时,如何在输入字段中填充数据时出现问题。 数据是第一次输入,如果我单击列表中的另一个项目,则不会填充新值。

 this.state.isEditMode
                ?
                <EditDistributionListForm
                  ref="editForm"
                  item={this.state.currentItem}
                  updateItem={this.updateDistributionList}
                  handleCancel={this.handleCancelEdit}
                />
                :
                <AddDistributionListForm
                  addItem={this.addDistributionList}
                  ref="addForm"
                />

0 个答案:

没有答案