Skip to content

Instantly share code, notes, and snippets.

@jeromepl

jeromepl/Enhance.js

Forked from sebmarkbage/Enhance.js
Last active Apr 6, 2020
Embed
What would you like to do?
Higher-order Components in React with ES7
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} />;
}
};
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>;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment