需求:在form
下拉多选组件中,当选择全部时,清空其他选项
使用form
中的getValueFromEvent
方法
getValueFromEvent=(e)=>{
if (e.find(item => item === '0')) {
return ['0'];
}
return e;
}
<Form.Item {...formItemLayout} label="用户">
{getFieldDecorator('diseaseAreaId', {
rules: [{ required: true, message: '不能为空' }],
getValueFromEvent:e=>this.getValueFromEvent(e)
})(
<Select mode="multiple" getPopupContainer={triggerNode => triggerNode} placeholder='请选择病区'>
<Option value={'0'} key={''}>全部病区</Option>
{wardList.map((item, i) => {
return <Option value={item.diseaseAreaId} key={item.diseaseAreaId}>{item.diseaseAreaName}</Option>
})}
</Select>
)}
</Form.Item>