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>

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

1 个答案: