C/C++教程

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)使用的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!