如何在api中添加列表到反應原生ios的下拉列表？

Question

我在反應原生中使用以下下拉列表： 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 ，請指導我尋求更好的解決方案。

Answer 1

你試過映射你的陣列嗎？ 就像是：

<Select .....>
  { 
    tempArray.map(item => {
      return(
        <Option value={item.vehicle_id}>{item.vehicle_no}</Option>
      )
    });
  }
</Select>