arrays - react-native-multiple-select 存储提交时选择的项目

Question

我正在使用 react-native-multiple-select 并尝试创建一个下拉菜单，允许用户选择多个选项，然后将他们选择的选项记录到一个数组中。 目前，我的代码是:

    onSelectedItemsChange = selectedItems => {
    this.setState({ selectedItems });
    console.log('submit button was pressed')
  };

  render() {
    const { selectedItems } = this.state;
    return (
      <View style={{ flex: 1 }}>
        <MultiSelect
          hideTags
          items={items}
          uniqueKey="id"
          ref={(component) => { this.multiSelect = component }}
          onSelectedItemsChange={this.onSelectedItemsChange}
          selectedItems={selectedItems}
          selectText="Pick Items"
          searchInputPlaceholderText="Search Items..."
          onChangeInput={ (text)=> console.log(text)}
          altFontFamily="ProximaNova-Light"
          tagRemoveIconColor="#CCC"
          tagBorderColor="#CCC"
          tagTextColor="#CCC"
          selectedItemTextColor="#CCC"
          selectedItemIconColor="#CCC"
          itemTextColor="#000"
          displayKey="name"
          searchInputStyle={{ color: '#CCC' }}
          submitButtonColor="#CCC"
          submitButtonText="Submit"
        />
        <View>

问题出在提交按钮上。我只想记录用户按下提交后选择的项目。

目前它会记录每次选择新项目时都会按下按钮，这无助于将所选项目存储到另一个数组中。

任何帮助都会很棒。

Answer 1

您可以执行此操作以获取包含所选项目对象的数组:

for(var i = 0; i < selectedItems.length; i++){
this.state.selectedItemsArray.push(this.state.gasOptions[selectedItems[i]])
}
console.log(selectedItems);

这应该输出选择的项目数组，每个项目都包含唯一键和显示名称。