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 的类型

posted @ 2018-05-04 14:32  大圆圈  阅读(1282)  评论(0编辑  收藏  举报