그로 메트 : 내가 할 수있는 작업을 수행하기 위해 무엇을 찾고의</p> <p>예 : 상부 및 하부 탭 내가 궁금하네요

Question

는 그로 메트 탭 구성 요소를 사용하여 탭 콘텐츠를 표시하는 탭의 상단과 하단을 설정하는 방법이 같은 내용을 활성화 아래 이미지에서 볼 수 있습니다.
http://imgur.com/pkWRzUh

빠른 모의로 샘플 코드가 있습니다.

code can be found in the codepen 

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

Answer 1

정말 그것을 할 수있는 구성 요소가 아니라, 당신은 모두이 속성에 감사를 뒤로 첫 번째 탭과와 동기화 빈 내용 탭의 두 번째 줄을 추가 할 수 있습니다 탭 :

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

체크 아웃이 :

Codepen,249,(: