父组件中userTargetKeys数组保存选中的数据,穿梭框transfer子组件中选中数据,怎么将子组件中的数据赋值给父组件的userTargetKeys
时间: 2024-03-02 08:49:46 浏览: 21
父组件向子组件传值(双向数据传输).html
可以在父组件中通过props向子组件传递一个方法,该方法将被子组件调用来修改父组件的userTargetKeys数组。具体实现步骤如下:
1. 在父组件中定义一个修改userTargetKeys数组的方法,例如handleChange方法。
```
handleChange = (userTargetKeys) => {
this.setState({ userTargetKeys });
};
```
2. 在父组件中将该方法通过props传递给子组件。
```
<TransferComponent
userTargetKeys={this.state.userTargetKeys}
handleChange={this.handleChange}
/>
```
3. 在子组件中通过props获取handleChange方法,并在选中数据改变时调用它。
```
handleSelectChange = (sourceSelectedKeys, targetSelectedKeys) => {
// 选中数据改变时调用父组件的handleChange方法
this.props.handleChange(targetSelectedKeys);
};
```
这样,子组件中选中的数据就能够通过调用父组件的方法来更新父组件的userTargetKeys数组。
阅读全文