1 | 'use strict'
|
2 |
|
3 | import React from 'react'
|
4 | import {ApHeader, ApHeaderStyle} from 'apeman-react-header'
|
5 |
|
6 | const ExampleComponent = React.createClass({
|
7 | render () {
|
8 | const s = this
|
9 | let { state } = s
|
10 | return (
|
11 | <div>
|
12 | <ApHeaderStyle/>
|
13 | <ApHeader>
|
14 | <ApHeaderLogo>MyLogo</ApHeaderLogo>
|
15 | <ApHeaderTab>
|
16 | <ApHeaderTabItem href='#Foo' onTap={ () => { s.selectTab('FOO') } }
|
17 | selected={ state.tab === 'FOO'}>FOO</ApHeaderTabItem>
|
18 | <ApHeaderTabItem href='#Bar' onTap={ () => { s.selectTab('BAR') } }
|
19 | selected={ state.tab === 'BAR'}>BAR</ApHeaderTabItem>
|
20 | <ApHeaderTabItem href='#Baz' onTap={ () => { s.selectTab('BAZ') } }
|
21 | selected={ state.tab === 'BAZ'}>BAZ</ApHeaderTabItem>
|
22 | </ApHeaderTab>
|
23 | </ApHeader>
|
24 | </div>
|
25 | )
|
26 | },
|
27 | selectTab (tab) {
|
28 | const s = this
|
29 | s.setState({ tab: tab })
|
30 | }
|
31 | })
|