前端React <Select>标签数据 从后端获取

constructor(props) {
    super(props);
    this.state = {
　　　　workPlaceList: [],
}；
}

//从后端接口动态获取workPlace的方法
getWorkPlaceList() {
    const that = this;
    fetchPost(global.constants.workPlaceList)
        .then(function (res) {
            that.setState({
                workPlaceList: res
            });
        });
}

<Select
    defaultValue={Option.valueOf()}
    value={this.state.place}
    // value={this.state.workPlaceName}
    onChange={value => this.setState({place: value})}
    //当获得焦点时调用
    onFocus={()=>this.getWorkPlaceList()}
    allowClear
>
    {
        this.state.workPlaceList.map((item,i)=>{
            return(
                <Option index={i} value={item.workPlace}>{item.workPlace}</Option>
            )
            }
        )
    }
　　//之前是写死的，太不灵活
    {/*<Option value="1">北京</Option>*/}
    {/*<Option value="2">东营</Option>*/}
    {/*<Option value="3">青岛</Option>*/}
    {/*<Option value="4">沈阳</Option>*/}
</Select>