如何在Dropdown語義UI反應中更改狀態

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組件缺少值屬性。 值prop控制着Dropdown的當前值。 只需添加prop value = {this.state.currantDomain_id} 。