antd react select 获取接口数据并显示

1.文件组成部分

2.思路

3.代码

3.1service

3.2react

4.实际效果

---

1.文件组成部分

其中，react文件放在components里面,本文主要针对这部分内容。

2.思路

目的：在单选框内将接口内容上传显示并供选择

3.代码

3.1service

3.2react

代码用来借鉴的。

import {abc} from "../service";


abcList: any[]  


abcList: [], 


this.getabcData();


getabcData() {
const Data = abc();
Data.then(response => {
this.setState({
abcList: response.data
});
});
}


onOption(item: any) {
return (<Option value={item.id}>{item.name}</Option>)           //根据Id显示名字
}


< Select