Javascript 从本机多个选择中获取文本
我使用react-native multiple select来选择项目,它工作正常,但它在状态中存储的值是id。我想获取所选项目的文本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
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'}, ...]
};