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是对象里的属性名