how to component

gists.js

/// How to access multiple 
class Menu extends React.Component {
  constructor(){
    super()
    this.state = {
      items: ['Hello', 'world', 'it', 'is', 'me'],
      active: 0
    }
  }
  click(index){
    this.setState({active: index})
  }
  render(){
    const list = this.state.items.map((item,index) => {
      return <Item key={index}
                   className={this.state.active === index ? 'active' : ''}
                   text={item}
                   click={this.click.bind(this, index)}
      />
    })
    return <ul>
      {list}
    </ul>
  }
}

class Item extends React.Component {
  render(){
    return <li onClick={this.props.click}
               className={this.props.className}>
      {this.props.text}
    </li>
  }
}