我可以从 Material-UI Tabs 组件的 onTouchTap 事件传回选定的选项卡吗？

Question

我在我的 ReactJS 应用程序中使用 Material-UI Tabs 组件。

我正在处理 Tabs 组件的 onTouchTap 事件。我想将 当前 选定的选项卡作为参数传递回事件处理程序。

这可能吗？

所以像这样

<Tabs onChange={props.onChangePosition}
      onTouchTap={e => {/* What */}>

我知道 onChange 处理程序 returns 它，但我想在这种情况下使用 onTouchTap。

Answer 1

是的，这是可以做到的。您需要将 "ref" 捕获到 Tabs 控件，然后在 onTouchTap 中对其调用 getSelectedIndex()。 getSelectedIndex 有点内部，所以它有一个意想不到的方法签名，你还必须在它自己的道具中传递它。

<Tabs
  ref={ref => (this.tabs = ref)}
  onTouchTap={(e) => console.log(this.tabs.getSelectedIndex(this.tabs.props))}
>
...