2021-08-02

antd 中的下拉框多选组件

这个是父组件引用

此处重点用到了key
下面是对应弹窗子组件
componentDidMount() {
this.loadData();//获取下拉框中的所有值
const { editObj = {}, dataList,wardCode} = this.state;这个是获取父组件传递过来的当前下拉框选择值的id数组
let {patIndexNoList}= this.state;
if(this.props.editObj.bindedPatientMap){
patIndexNoList=this.props.editObj.bindedPatientMap[wardCode];
this.setState({patIndexNoList});
}
}

下面是组件的展示
<Form.Item label=“病区患者” hasFeedback>

{dataList.map((item, index) => {
return (

{item.patientName}

);
})}

</Form.Item>
重点注意的是 value={patIndexNoList} 这个是id数组。

handleChange = val => {
this.setState({ patIndexNoList: val })
};

中心解决思路：获取到后端返回的id之后就把他设置到state.patIndexNoList，然后select的value就设置成patIndexNoList，然后onchange的时候修改patIndexNoList

注意
你获取到后端返回的id之后就把他设置到state.patIndexNoList，然后select的value就设置成patIndexNoList，然后onchange的时候修改patIndexNoList