render.jsx

export default React.createClass({
 
  // ...

  render () {
    const style = {
      WebkitTransform: 'translateY(' + this.state.translatedYPosition + ')'
    }
    let containerClassString = this.state.containerExpanded ? LeftNavConstants.CONTAINER_EXPANDED : LeftNavConstants.CONTAINER_COLLAPSED
    if (this.state.containerHighlighted) containerClassString += ' ' + LeftNavConstants.CONTAINER_HIGHLIGHTED

    return (
      <div id='left-nav' className='leftnav-main-container'>
        <div id='left-nav-list-container' className={containerClassString}>
          <div style={style} id='left-nav-scrolling-list' className='leftnav-menu-scrolling-list'>
            {this.props.menuItems.map(function(menuItem) {
              return <LeftNavItem key={menuItem.cid} menuItem={menuItem} />
            })}
          </div>
        </div>
      </div>
    )
  }
  
})