Javascript 调用基于键的选项卡单击上的函数？

这些是我的选项卡和表格，我想在单击选项卡时根据tabKey调用不同的函数

this.getTabs.bindthis} > 组织详情

此.getLicenseDetails} > 许可证详细信息

; 这是我的功能，我在切换键，但这似乎不起作用

有人能帮我吗

getTabs(f){
  console.log(f.tabKey)
  switch(f.tabKey) {
      case "gridOrgDetails":
          return this.getOrgDetails();
          break;
      case "gridLicenseDetails":
          return this.getLicenseDetails();
          break;
  }
}

---

下面是您试图实现的JSFIDLE的基本表示

---

这对我不管用。你有更好的解决方案吗？我想从标记中获取tabkey，而不将其作为参数传递。有什么办法可以让我查到吗？或者，如果我单击按钮，它将使用button键作为标记键，并调用与该tabKey关联的函数

const User = (props) => <div onClick = {props.onClick}>I am user 
{props.user}</div>

class App extends React.Component {
 constructor(props) {
 super(props)

 }
 getTabs(f){
  switch(f) {
  case "gridOrgDetails":
     console.log("gridOrgDetails")
      break;
  case "gridLicenseDetails":
       console.log("gridLicenseDetails")
      break;
  }
  }
  render() {
return (
  <div>
   <div >
         <User user="a" onClick={this.getTabs.bind(this,"gridOrgDetails")} />
         <User user="b" onClick={this.getTabs.bind(this, "gridLicenseDetails")}/>
   </div>
  </div>
  )
 }
}

ReactDOM.render(<App />, document.querySelector("#app"))