多项搜索选择下拉菜单

Question

请告诉我，如何在多个搜索选择下拉列表中设置默认值？我尝试像在文档中描述的那样设置对象数组，但我没有收到我想要的东西

constructor(props) {
  super(props);

  this.state = {
     specs: [],
     doctorSpecs: []
  }

  this.profileService = new ProfileService();
  this.addSpecializationsService = new SpecializatoinsService();
}

componentWillMount() {
 this.profileService.getProfileInformation()
  .then((res) => {
   this.setState({
    profile: res.data,
    consultationFees: res.data.consultation_fees,
    mpdbRegistrationNumber: res.data.mpdb_registration_number,
    qualification: res.data.qualification,
    experienceYears: res.data.experience_years,
    doctorSpecs: res.data.specializations.map((elem, index) => {
      return {key: index, value: elem.id, text: elem.name}
    })
  })
})

this.addSpecializationsService.getSpecializationsList("", (res) => {
  console.log(res);
  this.setState({
     specs: res.data.body.map((elem, index) => {
       return {key: elem.id, value: elem.id, text: elem.name}
     })
   })
 });
} 

// other nessesary code

// component where must be this.state.doctorSpecs
<Dropdown 
    className='profile-specs'
    placeholder='Skills' 
    fluid multiple selection search 
    options={this.state.specs} 
    onChange={this._onChangeSpecs}
    value={this.state.doctorSpecs}
    onSearchChange={this._getListSpecs}/>

我想在渲染组件后在此下拉列表中显示值数组我尝试使用值 defaultValue，但它不起作用

Answer 1

我发现了一个问题。我不得不转移到数组而不是对象，而是来自这个对象的文本值

多项搜索选择下拉菜单

Multiple Search Selection Dropdown

javascript

reactjs

semantic-ui-react