React-Select Multi Searchable: НЕ позволяет мне искать по отдельным буквам или фрагментам слов - PullRequest
Новая
       26

React-Select Multi Searchable: НЕ позволяет мне искать по отдельным буквам или фрагментам слов

0 голосов
/ 26 октября 2018

ВЫПУСКА

Здравствуйте, ребята, пожалуйста, помогите мне решить эту проблему. Я начал создавать приложение REACT, работающее с некоторыми данными JSON, и теперь я застрял в этой проблеме, пытаясь нажать некоторые буквы или фрагменты слова , чтобы выполнить поиск по опциям в списке выбора. который может содержать это письмо или эти фрагменты.

Проверьте пример и мой код ниже, пожалуйста, у меня есть только один список, сохраненный в компоненте Reaction-Select , я использую React v15.6.2, React-DOM v15.6.2 и React-Select 2.1.0. Заранее спасибо.

Пример: если я нажимаю букву «а», поиск работает нормально и дает мне варианты, содержащие эту букву, но когда я добавляю что-то еще, НЕ точно перед / после буквы «а», пример: я добавляю буква «b», которая может быть последней в значении опции, выбор прекращает давать результаты! 

const selectObjects = (<Select
  isMulti
  options={this.state.list.map(obj => {
    return {
      value: obj.id,
      label: obj.id + ' ' + obj.name
    };
  })}
  onChange={this.handleChangeObj}
  value={this.state.list}
/>);

НАЖМИТЕ ЗДЕСЬ, ЧТОБЫ ПРОВЕРИТЬ ДЕМО

1 Ответ

0 голосов
/ 26 октября 2018

Я убедился, что если вы правильно сопоставите метку и значение вашего параметра, проблема с поиском должна быть решена. 

const options = [{
  id: 2,
  artist: 'Hendrix, Jimi',
  title: 'Red House'
}, {
  id: 3,
  artist: 'Clapton, Eric',
  title: `I'm Tore Down`
}];

<Select options={options}
        getOptionValue={(opt) => opt.id}
        getOptionLabel={(opt) => `${opt.artist}: ${opt.title}`} />

У меня есть увеличенный пример в этом коде andbox .

...