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

相关文章
相关标签/搜索