React ES6 Code Samples for Medium #3

CompatComponent Pattern.js

import { PropTypes } from "react";
import { CompatComponent } from "react-compat-component";

export default class HelloWorld extends CompatComponent {
  getMixins() {
    return [
      DummyMixin
    ];
  }

  getInitialState() {
    return {
      world: "World"
    };
  }
  
  getPropTypes() {
    return {
      food: PropTypes.array
    };
  }

  getDefaultProps() {
    return {
      food: [ "Pizza", "Lasagna", "Sushi" ]
    };
  }

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

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