react select 從後臺獲取數據綁定（獲取數據裏有不需要的數據）

首先在頁面靜態資源加載完之後獲取數據：

 定義對象：

 constructor() {
    super();
  
      this.state = {
          districts: []
      };
  }

componentDidMount() {
      this.getusersDetail();
  }
    
    getusersDetail() {
        const that = this;
        instance.get('xxxx後臺接口', { params: { pageNum: '0', pageSize: '10' } }).then(function (res) {
            const data = res.data.entity;
            if (data) {
                that.setState({
                    districts: data.list //這裏看返回給你的數據裏的字段哪個是你要的
                });
            }
        });
    }

和select綁定：

<Select className="create-form-select" placeholder="請選擇區域">
       {districts.map(name => <Option key={name.name}>{name.name}</Option>)}
                      </Select>

key={name.name}>{name.name} 前面的Name是定義的對象名稱，可以自己隨意訂，後面的.name是對象裏的屬性名