antd proform中的select(ProFormSelect)使用

57 篇文章 0 订阅
 <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: '请选择可见范围' }]}
                        />
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值