Javascript 反应选择多个选项，将对象分组为值

所以，我尝试将组件添加到我的项目中。我正在使用分组选项，并试图有能力选择多个选项

这是我的组件代码

class QueueFilter扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
选项：[
{
标签：“合作伙伴”，
选项：[
{
价值：{
id:“ABCDSC”，
值：“Partner1”
},
标签：“Partner1”
},
{
价值：{
id:“ABCDSC”，
值：“Partner2”
},
标签：“Partner2”
}
]
},
{
标签：“研究”，
选项：[
{
价值：{
id:'ABCDSC123'，
值：“Study1”
},
标签：“研究1”
}
]
}
],
选择的过滤器：[]
};
this.fecthQueueFilters=this.fecthQueueFilters.bind（this）；
this.onFilterChange=this.onFilterChange.bind（this）；
this.applyFilter=this.applyFilter.bind（this）；
}
组件安装（prevState、prevProps）{
if（prevProps.queueId！==此.props.queueId）{
this.fetchQueueFilters（this.props.queueId）；
}
}
onFilterChange（选择的过滤器）{
this.setState（{selectedFilters}）；
}
fecthQueueFilters（队列ID）{
}
applyFilter（）{
}
render（）{
常量组样式={
显示：“flex”，
对齐项目：“居中”，
justifyContent:'之间的空间'，
};
常量groupBadgeStyles={
背景颜色：“#EBECF0”，
边界半径：“2em”，
颜色：“#172B4D”，
显示：“内联块”，
尺寸：12，
fontWeight:'正常'，
线宽：“1”，
最小宽度：1，
填充：“0.166667em 0.5em”，
textAlign:'中心'，
};
const formatGroupLabel=数据=>(
{data.label}
{data.options.length}
);
常量输入=（道具）=>{
如果（道具，石雕）{
返回；
}
返回(
);
};
返回(
队列筛选器：
);
}
}
QueueFilter.propTypes={
queueId:PropTypes.string
};
导出默认队列过滤器您可以使用prop
getOptionValue

<Select
  getOptionValue={option => option.value.value}

option.value.value}