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

标签 javascript reactjs grommet

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

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

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

code can be found in the codepen

http://codepen.io/Niall_Maher/pen/pProXW

最佳答案

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

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

检查这个: enter image description here

代码笔 here (:

关于javascript - 索环:顶部和底部选项卡激活相同的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43758101/

相关文章:

reactjs - Grommet UI——自定义配色方案

node.js - 索环:类型错误:无法读取未定义的属性 'modelSchemas'

reactjs - 测试索环层组件

javascript - 重置 div 的内容

javascript - 如何使用正则表达式匹配第二个字母?

javascript - Angular ng-if 特定路由

css - 目标第一个子级 css 样式组件

reactjs - 用 JSX 传播属性覆盖 JSX 属性

javascript - 将 ViewModel 绑定(bind)到 HTML 元素 Kendo UI MVVM

reactjs - 当监视从 componentDidMount 调用的组件方法时,永远不会调用 spy