Снимите React Widget DropdownList, если не выберете какой-либо элемент

Question

Я использую React Widgets для выпадающего списка, я хочу настроить onChange для получения моего состояния в качестве выбранного значения:

const { selected } = this.state;

return <DropdownList {...rest}
  data={fitData} onSearch={this.search}
  onChange={this.change}
  />

OnChange просто так:

change(selected) {
    this.setState({selected});
}

Это работает, но когда я закрываю выпадающий список без выбора какого-либо значения, selected все еще выбирается.Что я могу сделать, чтобы удалить выбранное, если я не выбрал какое-либо значение?

Answer 1

Событие onChange будет вызываться только при изменении значения.

если вы хотите прослушать «закрыто без выбора», вы должны прослушать событие onToggle.

Вы можете вызвать тот же метод, что и в onChange, и проверить, что выбранное значение равно null / undefined.

onToggle={this.change}