Skip to content

Instantly share code, notes, and snippets.

@jvorcak
Forked from sebmarkbage/Enhance.js
Created October 20, 2016 14:19
Show Gist options
  • Save jvorcak/9b7ac12b3c51209fd3d34c8bb7deea39 to your computer and use it in GitHub Desktop.
Save jvorcak/9b7ac12b3c51209fd3d34c8bb7deea39 to your computer and use it in GitHub Desktop.
Higher-order Components
import { Component } from "React";
export var Enhance = ComposedComponent => class extends Component {
constructor() {
this.state = { data: null };
}
componentDidMount() {
this.setState({ data: 'Hello' });
}
render() {
return <ComposedComponent {...this.props} data={this.state.data} />;
}
};
import { Enhance } from "./Enhance";
class MyComponent {
render() {
if (!this.data) return <div>Waiting...</div>;
return <div>{this.data}</div>;
}
}
export default Enhance(MyComponent); // Enhanced component
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment