Reactjs 反应选择-选项不集中在选定的值上

Reactjs 反应选择-选项不集中在选定的值上,reactjs,react-select,Reactjs,React Select,我在3.1版本中使用react select。 多亏了这个库,我完成了一个WeekSelector组件,允许用户选择一个特定的星期 以下是我的代码:(简化以说明重要部分) class WeekSelector扩展组件{ onSelectChange=周=>{ const{name,onChange}=this.props; 如果(一次更改和一周){ onChange(name,Number.parseInt(week.value)); } 否则,如果(!周){ onChange(name,mom

我在3.1版本中使用react select。 多亏了这个库,我完成了一个WeekSelector组件,允许用户选择一个特定的星期

以下是我的代码:(简化以说明重要部分)

class WeekSelector扩展组件{
onSelectChange=周=>{
const{name,onChange}=this.props;
如果(一次更改和一周){
onChange(name,Number.parseInt(week.value));
}
否则,如果(!周){
onChange(name,moment().week());
}
};
render(){
const{disabled=false,id,name,value,year}=this.props;
//一年中的周数
const weeks=this.getweekDetails(年);
//获得价值
const formattedValue=weeks.find(week=>{
如果(week.value==值){
返回{
值:week.value,
标签:“周”+Week.value+Week.details,
};
}
});
返回(
{
返回{
值:week.value,
标签:“周”+Week.value+Week.details,
};
})}
value={formattedValue}
onChange={this.onSelectChange}
/>
);
}
问题是,当我在选项中选择一个值时,该值被正确选择

但当我重新打开选择器以查看所有选项时。选择器不关注选定的值

多亏了react select的文档和一些在线示例,我发现当我删除onSelectChange函数或setState调用时,当我重新打开选项选择器时,该值被正确选择

因此,我正在寻找一种方法来使用我的方法onSelectChange,并将选择器选项校准到所选的值

感谢您对这个问题的关注

再见。

将其添加到选择中

defaultValue={formattedValue}
defaultValue={formattedValue}