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

Question

我在ReactJS应用中使用了Material-UI Tabs组件。

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

这可能吗？

这样的事情

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

我知道onChange处理程序会返回它，但我想在此实例中使用onTouchTap。

Answer 1

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

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