如何在Dropdown语义 - ui-react中改变状态

时间:2017-08-25 15:51:18

标签: javascript semantic-ui-react

我试图在下拉组件中更改状态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的值始终返回默认状态&#39;选择朋友&#39;。

如何让Dropdown将状态更改为所选项?

1 个答案:

答案 0 :(得分:1)

Dropdown组件缺少值prop。值prop控制Dropdown的当前值。只需将道具value = {this.state.currantDomain_id}添加到其中即可。