javascript - 如何更改下拉菜单语义-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);
    });
  }

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

如何使下拉菜单将其状态更改为所选项目？

Answer 1

下拉组件缺少 value 属性。 value 属性控制 Dropdown 的当前值。只需添加属性 value = {this.state.currantDomain_id} 即可。