无法在反应本机的多重选择中获取名称值

Question

 items = [{
    id: '92iijs7yta',
    name: 'Ondo',
  }, {
    id: 'a0s0a8ssbsd',
    name: 'Ogun',
  }, {
    id: '16hbajsabsd',
    name: 'Calabar',
  }, {
    id: 'nahs75a5sg',
    name: 'Lagos',
  }, {
    id: '667atsas',
    name: 'Maiduguri',
  }, {
    id: 'hsyasajs',
    name: 'Anambra',
  }, {
    id: 'djsjudksjd',
    name: 'Benue',
  }, {
    id: 'sdhyaysdj',
    name: 'Kaduna',
  }, {
    id: 'suudydjsjd',
    name: 'Abuja',
  }];

onSelectedItemsChange = selectedItems => {
this.setState({ selectedItems });
alert({selectedItems});
}
    
render(){
const { selectedItems } = this.state;
return(
<React.Fragment>
<ScrollView>
<View style={styles.formView}>
    <MultiSelect
          hideTags
          items={this.items}
          uniqueKey="id"
          ref={(component) => { this.multiSelect = component }}
          onSelectedItemsChange={this.onSelectedItemsChange}
          selectedItems={selectedItems} 
          selectText="Select Company Services"
          searchInputPlaceholderText="Search Items..."
          tagRemoveIconColor="#CCC"
          tagBorderColor="#CCC"
          tagTextColor="#CCC"
          selectedItemTextColor="#CCC"
          selectedItemIconColor="#CCC"
          itemTextColor="#000"
          displayKey="name"
          searchInputStyle={{ color: '#CCC' }}
          submitButtonColor="#CCC"
          submitButtonText="Select"
        /> 
</View>
)}

这是我在 onSelectedItemsChange 函数中的代码我需要检索项目的名称但不能，selectedItems 仅 return 项目数组的 id....

Answer 1

您可以在 onSelectedItemsChange 中执行类似的操作以获取您选择的键的名称：

onSelectedItemsChange = selectedItems => {
    this.setState({ selectedItems });
    this.state.items.find(x => {
        if(x.id == selectedItems){
            console.log("x is ",x.name);
        }
    })
  };

在 x.name 中，您将获得您选择的名称。

希望对您有所帮助！

无法在反应本机的多重选择中获取名称值

cannot get the name value in multipleselect in react native

select

android

native

reactjs