render() {

    return <div className={this.props.className}>Foo Bar Baz</div>

  } 

}

​

class HelloWidget extends React.Component{

  constructor() {

    super();

    this.state = {

      open: false

    }

    this.handleDropDown = this.handleDropDown.bind(this);

  }

  handleDropDown() {

    this.setState({ open: !this.state.open })

  }

  render() {

    const classes = this.state.open ? 'basket' : 'basket hide'

    return(

      <div className="basket">

        <button className="basketBtn" onClick={this.handleDropDown}>

          {this.state.open ? 'Close' : 'Open'}

        </button>

        <BasketContents className={classes}/>

      </div>

    )

  }

}

​

React.render(<HelloWidget />, document.getElementById('container'));