React ES6 Code Samples for Medium #2

New React Component Pattern.js

import React from "react";

export default class HelloWorld extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      world: "World"
    };
  }

  _onClick() {
    this.setState({
      world: "Cthulhu"
    });
  }

  render() {
    return (
      <h1 onClick={this._onClick.bind(this)}>
        Hello {this.state.world}!
      </h1>
      <ul>
        {
          this.props.food.map(obj => <li>{obj}</li>);
        }
      </ul>
    );
  }
}

HelloWorld.propTypes = {
  food: React.PropTypes.array
};
HelloWorld.defaultProps = {
  food: [ "Pizza", "Lasagna", "Sushi" ]
};