React-select multi не работает так, как это определено в документации - PullRequest
0 голосов
/ 30 августа 2018

Я использую реагирование, чтобы создать выпадающее меню с возможностью поиска. И он работает нормально до тех пор, пока вы фактически не выберете опцию, затем он просто выдает ошибку Each child in an array or iterator should have a unique "key" prop., не удаляет выбранную вами опцию и не показывает то, что вы выбрали до сих пор. Мои опции - это массив с объектами {value: crew.id, label: crew.code}, а вот мой компонент Select

<Select
    isMulti
    name='teamIdsFilter'
    menuPosition='fixed'
    options={crewOptions}
    value={teamIds}
    placeholder='Nepasirinktas'
    onChange={event => this.handleTeamIdsSelect(event)} />

И мой обработчик события handleTeamIdsSelect

handleTeamIdsSelect = (event) => {
    if (event) {
        const selectedCrew = event.map(crew => crew.value);
        this.setState({teamIds: selectedCrew});
    }
};

1 Ответ

0 голосов
/ 04 июля 2019

Попробуйте использовать multi вместо isMulti. Это решит проблему.

<Select
    multi
    name='teamIdsFilter'
    menuPosition='fixed'
    options={crewOptions}
    value={teamIds}
    placeholder='Nepasirinktas'
    onChange={event => this.handleTeamIdsSelect(event)} />
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...