Javascript 从本机多个选择中获取文本

Javascript 从本机多个选择中获取文本,javascript,reactjs,react-native,expo,Javascript,Reactjs,React Native,Expo,我使用react-native multiple select来选择项目,它工作正常,但它在状态中存储的值是id。我想获取所选项目的文本 const items = [{ id: '92iijs7yta', name: 'Ondo' }, { id: 'a0s0a8ssbsd', name: 'Ogun' }, { id: '16hbajsabsd', name: 'Calabar' }, { id: 'nahs75a5sg', name: 'Lagos' }, { id: '667ats

我使用react-native multiple select来选择项目,它工作正常,但它在状态中存储的值是id。我想获取所选项目的文本

const 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'
}
];
和国家

constructor(props) {
super(props);
this.state = { 
 selectedItems : [], 
  }; }
多选组件

          <MultiSelect
              hideTags
              items={items}
              uniqueKey="id"
              ref={(component) => { this.multiSelect = component }}
              onSelectedItemsChange={this.onSelectedItemsChange}
              selectedItems={selectedItems}
              selectText="Companions"
              searchInputPlaceholderText="Search Items..."
              onChangeInput={ (text)=> console.log(text)}// am not getting this on the console.
               tagRemoveIconColor="#CCC"
              tagBorderColor="#CCC"
              tagTextColor="#CCC"
              selectedItemTextColor="#CCC"
              selectedItemIconColor="#CCC"
              itemTextColor="#000"
              displayKey="name"
              searchInputStyle={{ color: '#CCC' }}
              submitButtonColor="#CCC"
              submitButtonText="Submit"
            /> 

在SelectedItemChange上使用
onSelectedItemChange
而不是

<MultiSelect
    ...
    onSelectedItemObjectsChange={this.onSelectedItemObjectsChange}
    ... />

请参阅以获取参考。

使用
onSelectedItemObjectsChange
而不是
onSelectedItemChange

<MultiSelect
    ...
    onSelectedItemObjectsChange={this.onSelectedItemObjectsChange}
    ... />

请参阅以供参考。

感谢您的快速回复,但我实际使用的是react native multiple select不是react native sectioned multi select,但现在让我试试后者,效果非常好,我已经使用了您的答案,现在我可以看到这两个值,我试图将其标记为答案,但不让我这么做。还有最后一件事,我如何使用没有孩子的数组?你说的“没有孩子”是什么意思?好的,请随意接受我的答案,如果它有助于您点击绿色勾选:)感谢您的快速回复,但实际上我使用的是react native multiple select不是react native sectioned multi select,但现在让我试试后者,看起来非常好,我已经使用了您的答案,现在我可以看到这两个值,我试图将其标记为答案,但不让我这么做。还有最后一件事,我如何使用没有孩子的数组?你说的“没有孩子”是什么意思?好的,如果我的答案对你有帮助,请点击绿色勾选:)
onSelectedItemObjectsChange = selectedItems => {
  console.log(selectedItems); // should display [{id: '92iijs7yta', name: 'Ondo'}, ...]
};