前端React 标签数据 从后端获取 本文转载自 查看原文 2020-04-02 18:28 2010 React 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> × 免责声明！ 本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱[e-mail]删除。 猜您在找 layui-table前端获取标签数据以json的格式封装传到后端 将前端vue获取和传递后端spring boot数据 5.前端基于react,后端基于.net core2.0的开发之路（5） 配置node层，session设置、获取，请求拦截 js获取select标签选中的值 js获取select标签选中的值 JSP中如何获取select标签选中的值 js获取select标签选中的值 前端/后端写死数据: jsp前端提交数据到后端 JS获取select标签的选中值和清空select值的操作 粤ICP备18138465号 © 2018-2025 CODEPRJ.COM

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>