本文主要是介绍antd proform中的select(ProFormSelect)使用,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<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)使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!