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

我解决了我的问题：)属性“值”中的值覆盖了属性“ defaultValue”中的值。我删除了“值”属性，它现在可以使用。

更改的代码：

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

Answer 2

您应仅在defaultValue属性中提供该值。标签位于选项属性中。它将与选项prop中提供的prop匹配正确的值。方法getDefaultValues（）应该返回：

0: "t1",
1: "t2"

React-Select：defaultValue属性中的多个值

2 个答案: