1

反応ネイティブで次のドロップダウンを使用しています: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