如何在 Dropdown semantic-ui-react 中更改状态

Question

我正在尝试更改下拉组件中的 onChange 状态

const DropdownDomainSelection = () => (
      <Dropdown placeholder='Select Friend' selection options={domainsList} onChange={this.handleDomainsSelectChange} />
    )



handleDomainsSelectChange = (e, data) => {
    this.setState({
      currantDomain_id: data.value,
      currantWidget_id: "null",
    }, () => {
      console.log('this.state.currantDomain_id',this.state.currantDomain_id);
    });
  }

状态变化很好。 问题是下拉菜单的值总是返回默认的“选择朋友”。

如何让 Dropdown 将其状态更改为选定项？

Answer 1

Dropdown 组件缺少 value 属性。 value 属性控制 Dropdown 的当前值。只需将道具 value = {this.state.currantDomain_id} 添加到它。