我有一个无法识别默认值选项的react选择组件。代码如下所示:
renderPlans(){
if(this.props.plans){
let list = this.props.plans.map(item=>{
return ({label:item.description, value:item.id})
});
return(
<Select
name= "tile-plans"
value= {this.state.selected}
classNamePrefix='react-select-container'
options={list}
defaultValue={list[0]}
onChange={(e) => { e ? this.setState({selected: e.value}) : this.setState({selected: ''}) }}
/>
)
}
}
从我可以在其文档中找到的所有内容中,这是提供它的格式。基本上我只希望第一个选项始终是默认选项,因为有时只有 1 个选项并且某人需要选择一个下拉列表是没有意义的。我还有一个正在下方加载的图表,因此如果选择了一个选项,该图表将不会加载。
这不是一个重复的问题,因为我知道你可以这样做:
value= {this.state.selected ? this.state.selected:list[0].label}
但它不起作用。加载时输入保持空白。