antd不想寫那麼多option怎麼辦

作項目的時候發現若是下拉列表選項多的時候會寫不少的 Option ,可是用到下拉列表的地方又超級多。因此本身寫了一個方法,哪須要就放到哪。this

記錄一下方法。留待之後用spa

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
}

這方法的調用code

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

和後臺交互的時候千萬要留意他這個 key 的類型blog

相關文章
相關標籤/搜索