Higher-order Components in React with ES7

Enhance.js

import { Component } from "React";

export default (ComposedComponent) => class extends Component {
  constructor(props) {
    super(props);
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {
    return <ComposedComponent {...this.props} data={this.state.data} />;
  }
};

HigherOrderComponent.js

import { Component } from "React";
import enhance from "./Enhance";

@enhance
export default class MyComponent extends Component {
  render() {
    if (!this.props.data) return <div>Waiting...</div>;
    return <div>{this.props.data}</div>;
  }
}