索环：顶部和底部选项卡激活相同的内容

Question

我想知道是否有一种方法可以使用索环标签组件设置标签顶部和底部以显示标签内容：

我想要做的事情的例子可以在下图中看到。
http://imgur.com/pkWRzUh

我有一个带有快速模型的示例代码笔。

code can be found in the codepen

Answer 1

实际上并没有一个组件可以做到这一点，但是您可以添加第二行带有空内容的选项卡，这些选项卡与第一个选项卡并向后同步，这要归功于两个选项卡上的这个属性：

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

检查这个：

Codepen here (:

Grommet: Top and Bottom Tab activate the same content