tonybeat

class Tabs extends React.Component {
        constructor() {
            super()
            this.state = {tabIndex: 0}
        }
        render() {
            return (
                <div id="tb">
                    <ul role="tablist">
                        <li  role="presentation" onClick={() => this.setState({tabIndex: 0})}></li>
                        <li  role="presentation" onClick={() => this.setState({tabIndex: 1})}></li>
                        <li  role="presentation" onClick={() => this.setState({tabIndex: 2})}></li>
                    </ul>

                    <section className='tabs-content'>
                        {() => this.state.tabIndex === 0 ? <article>1</article> : null}
                        {() => this.state.tabIndex === 0 ? <article>2</article> : null}
                        {() => this.state.tabIndex === 0 ? <article>3</article> : null}
                    </section>
                </div>
            );
        }
    }
    ReactDOM.render( <Tabs  />, document.getElementById('tabs_content'));