renderTab1 () {
  return (
    <div>
      Tab 1 Content
    </div>
  )
}

renderTab2 () {
  return (
    <div>
      Tab 2 Content
    </div>
  )
}


render () {
  const { pathname } = this.props
  const activeIndex = pathname === '/tab1' ? 0 : 1
  const panes = [
    { menuItem: 'Tab 1', render: () => this.renderTab1() },
    { menuItem: 'Tab 2', render: () => this.renderTab2() }
  ]
  return (
    <div>
        <Tab panes={panes} activeIndex={activeIndex} onTabChange={() => this.onTabChange()}/>
    </div>
  )
}