antd不想写那么多option怎么办


做项目的时候发现如果下拉列表选项多的时候会写很多的 Option ,但是用到下拉列表的地方又超级多。所以自己写了一个方法,哪需要就放到哪。

记录一下方法。留待以后用

selectStreetIdChange = (obj) =>{
    const children = [];
    for ( let i = 0; i < obj.length; i++) {
        children.push(<Option key={obj[i].id.toString()}>{obj[i].name}</Option>);
    }
    return children
}

这方法的调用

<Select placeholder="充值类型" onChange={this.handleSelectStreetIdChange}>
      {this.selectStreetIdChange(this.state.data)}
</Select>

和后台交互的时候千万要留意他这个 key 的类型


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM