antd proform中的select（ProFormSelect）使用

本文主要是介绍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）使用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！