Javascript Reactjs：如何识别已单击列表

我的按钮列表有问题。我试图实现的很简单：单击按钮a，显示a1到a3的列表，单击按钮b，显示b1到b3的列表。我试图做出反应来识别单击了哪个按钮。到目前为止，我什么都没有，每次我点击一个按钮，按钮a和b都会显示它的子项

这是我的密码

类别容器

import React，{Component}来自“React”
从“react redux”导入{connect}
从“../actions/categoryActions”导入{getCategory}
从“../actions/interactionActions”导入{ShowSubCategory}
从“../actions/interactionActions”导入{ShowItemCategory}
从“../components/Category”导入类别
类CategoryContainer扩展组件{
建造师（道具）{
超级（道具）；
log（'category props'，this.props.categories）；
此.state={
showsubcategory:false，
showitemcategory:false，
selectedsubcat:null，
selecteditemcat:null
}
}
组件willmount（）{
console.log（'masuk CDM'）；
this.props.fetchCategory（）
}
toggleSubCategory=（事件）=>{
log（'masuk togglesubcategory'，事件）；
this.setState（{showsubcategory:！this.state.showsubcategory}，（）=>{
var isOpen=this.state.showsubcategory
this.props.showSubCategory（isOpen）
//if（等参线）{
//控制台日志（“masuk块”）；
//document.getElementById（“子类别容器-”+id）.style.display=“块”
//这行不通
// }
//否则{
//console.log（'masuk none'）；
//document.getElementById（“子类别容器-”+id）.style.display=“无”
// }
})
}
render（）{
var viewtypequery=window.innerWidth>=1025？“计算机”：“移动”
返回(
)
}
}
常量mapStateToProps=（状态）=>{
log（'state mapstate'，state）；
返回{
类别：state.category.categories，
获取：state.category.isfetching，
错误：state.category.error，
showsubcategory:state.interaction.showsubcategory，
showitemcategory:state.interaction.showitemcategory
}
}
const mapDispatchToProps=（调度）=>{
返回{
获取类别：（）=>{
调度（getCategory（））
},
showSubCategory:（showSubCategory）=>{
调度（显示子类别（显示子类别））
},
showItemCategory:（showItemCategory）=>{
分派（ShowItemCategory（ShowItemCategory））
}
}
}
导出默认连接（MapStateTops，mapDispatchToProps）（CategoryContainer）

由于代码太多，您最终将一无所获，如果您想要快速回答，请尝试在JSbin中用尽可能少的代码重现问题。好的，谢谢您的建议，我将用更好的代码再次发布