response-native-sectioned-multi-select onSelectedItemsChange не вызывается - PullRequest
0 голосов
/ 30 апреля 2019

Я пытаюсь реализовать множественный выбор в приложении 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 никогда не вызывается и рядом с элементом не отображается галочка, если я подключаю функцию.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...