Я использую реагирование, чтобы создать выпадающее меню с возможностью поиска. И он работает нормально до тех пор, пока вы фактически не выберете опцию, затем он просто выдает ошибку 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});
}
};