не может получить значение имени в множественном выборе в реакции на родной - PullRequest
Новая
       7

не может получить значение имени в множественном выборе в реакции на родной

0 голосов
/ 06 мая 2020 

 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 возвращает только идентификатор массива элементов ....

1 Ответ

0 голосов
/ 06 мая 2020

Вы можете сделать что-то подобное в своем onSelectedItemsChange, чтобы получить имя выбранного вами ключа: 

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

Здесь в x.name вы получите имя, которое вы выбрали.

Надеюсь, это поможет!

...