1

我在 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,请指导我以获得更好的解决方案。

4

1 回答 1

0

您是否尝试过映射您的数组?就像是:

<Select .....>
  { 
    tempArray.map(item => {
      return(
        <Option value={item.vehicle_id}>{item.vehicle_no}</Option>
      )
    });
  }
</Select>
于 2016-11-25T09:32:40.030 回答