做項目的時候發現如果下拉列表選項多的時候會寫很多的 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 的類型