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