时间戳

首页 > 解决方案 > 在 React 中，我正在处理 CRUD 表单，如何将数据传递给子组件并在父组件中更新？

reactjs - 在 React 中，我正在处理 CRUD 表单，如何将数据传递给子组件并在父组件中更新？

问题描述

我正在开发 CRUD 应用程序，其中有以下组件

  1. DistributionList - 显示项目列表（标题和用户）
  2. AddDistributionListForm - 一个接受输入的表单（TextBox 和 People Picker）
  3. EditDistributionListForm - 当用户选择分发列表中的一个项目时的表单，该表单填充了值并允许用户编辑。

当用户在分发列表中选择一个项目时，我遇到了问题，如何在输入字段中填充数据。数据是第一次出现，如果我单击列表中的另一个项目，则不会填充新值。

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

标签： reactjs

解决方案

推荐阅读