我在 react native 中使用以下下拉菜单:react-native-selectme
render() {
return (
<View style={{justifyContent: 'center', alignItems: 'center'}}>
<Select width={250} ref="SELECT1" optionListRef={this._getOptionList.bind(this)} defaultValue="Select a Province in Canada ..." onSelect={this._selectItem.bind(this)}>
<Option value={ {id : "alberta"}}>Alberta</Option>
<Option>British Columbia</Option>
<Option>Manitoba</Option>
<Option>New Brunswick</Option>
<Option>Newfoundland and Labrador</Option>
<Option>Northwest Territories</Option>
<Option>Nova Scotia</Option>
<Option>Nunavut</Option>
<Option>Ontario</Option>
<Option>Prince Edward Island</Option>
<Option>Quebec</Option>
<Option>Saskatchewan</Option>
<Option>Yukon</Option>
</Select>
<Text>Selected Canadas province: {this.state.selected_value}</Text>
<OptionList ref="OPTIONLIST" />
</View>
);
}
};
但这里optionList
是硬编码的。我想把我的array
加入这个dropdown
。
大批:
tempArray: [{
vehicle_no: 'M111',
vehicle_id: 111
}, {
vehicle_no: 'M222',
vehicle_id: 222
}]
我是新手react-native
,请指导我以获得更好的解决方案。