如果未选择任何项目，则清除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相同的方法，并检查所选值是否为空/未定义。

onToggle={this.change}