Grommet:顶部和底部选项卡激活相同的内容

Question

我想知道是否有一种方法可以使用grommet选项卡组件设置Tabs顶部和底部来显示选项卡内容：

我想要做的事情的例子可以在下面的图片中看到。

http://imgur.com/pkWRzUh

我有一个样本代码和一个快速模拟。

code can be found in the codepen

Maher/pen/pProXW

Answer 1

实际上没有一个组件可以这样做，但是您可以添加第二行选项卡，其内容为空，与第一个选项卡和向后制表符同步，这要归功于这两个选项卡上的以下属性：

activeIndex={this.state.selectedIndex} 
onActive={i=>this.setState({selectedIndex:i})}

请查看以下内容：

​

Codepen 这里 (：