Я пытаюсь реализовать множественный выбор в приложении expoact-native, но обратный вызов для onSelectedItemsChange никогда не вызывается.Вот как выглядит мой компонент.
import React, {Component} from 'react'
import { View, Picker } from 'react-native';
import SectionedMultiSelect from 'react-native-sectioned-multi-select';
const items = [
{
"resource_uri": "https://www.eventbriteapi.com/v3/categories/103/",
"id": "103",
"name": "Music",
"name_localized": "Music",
"short_name": "Music",
"short_name_localized": "Music"
},
{
"resource_uri": "https://www.eventbriteapi.com/v3/categories/101/",
"id": "101",
"name": "Business & Professional",
"name_localized": "Business & Professional",
"short_name": "Business",
"short_name_localized": "Business"
},
{
"resource_uri": "https://www.eventbriteapi.com/v3/categories/110/",
"id": "110",
"name": "Food & Drink",
"name_localized": "Food & Drink",
"short_name": "Food & Drink",
"short_name_localized": "Food & Drink"
},
{
"resource_uri": "https://www.eventbriteapi.com/v3/categories/113/",
"id": "113",
"name": "Community & Culture",
"name_localized": "Community & Culture",
"short_name": "Community",
"short_name_localized": "Community"
},
]
onSelectedItemsChange = (selectedCatagories) => {
debugger
this.setState({ selectedCatagories });
}
export default class MultiSelectComponent extends Component {
constructor(){
super()
this.state = {
selectedCatagories: []
}
}
render() {
const { selectedCatagories } = this.state;
return (
<View>
<SectionedMultiSelect
items={items}
uniqueKey='id'
selectText='Choose some categories...'
showDropDowns={true}
readOnlyHeadings={true}
onSelectedItemsChange={selectedItems => console.log(selectedItems)}
selectedItems={selectedCatagories}
/>
</View>
);
}
}
Все показывалось правильно, но функция console.log никогда не вызывается и рядом с элементом не отображается галочка, если я подключаю функцию.