<ProFormSelect
label="角色可见范围"
name="select2"
mode="multiple"
fieldProps={{//这里使用了select的onChange方法,必须使用这样的写法来进行调用onChange方法
onChange:(val) => handleChange(val),
}}
request={async () => {//返回的select网络请求
let params = await queryProvince();
console.log('获取到的下拉省分为:',params);
let res = [];
params.map(item =>{
let temp = {};
temp['label'] = item.name;
temp['value'] = item.codeen;
res.push(temp)
});
console.log('最终组装的数据=',res);
// params = [
// { label: '全部', value: 'all' },
// { label: '未解决', value: 'open' },
// { label: '已解决', value: 'closed' },
// { label: '解决中', value: 'processing' },
// ]
return res
}
}
placeholder="请选择可见省分"
rules={[{ required: true, message: '请选择可见范围' }]}
/>
antd proform中的select(ProFormSelect)使用
最新推荐文章于 2024-08-21 16:00:08 发布