javascript - React-Select:defaultValue 属性中有多个值

Question

我尝试在 defaultValue 属性中添加多个值，但没有成功。

<Select 
   value={this.state.selectedTests} 
   defaultValue={this.getDefaultValues(this.props.tests)} 
   isMulti onChange={(e) => this.handleChange(e)} 
   options={this.state.allTests} 
   className="basic-multi-select dropDownSelector"
 />

getDefaultValues() 返回一个数组:

0:{value: "t1", label:"Test1"}
1:{value: "t2", label:"Test2"}

但是 Select 元素没有显示标签...

还有人遇到同样的问题或者知道如何解决这个问题吗？

感谢您的帮助!

Answer 1

我解决了我的问题:) 属性“value”中的值覆盖了属性“defaultValue”中的值。我删除了属性“value”，它现在可以工作了。

更改的代码:

<Select 
   defaultValue={this.getDefaultValues(this.props.tests)} 
   isMulti onChange={(e) => this.handleChange(e)} 
   options={this.state.allTests} 
   className="basic-multi-select dropDownSelector"
 />