Skip to content

Instantly share code, notes, and snippets.

@dmitry

dmitry/Enhance.js

Forked from sebmarkbage/Enhance.js
Last active September 17, 2015 12:04
Download ZIP

Revisions

  1. @sebmarkbage sebmarkbage revised this gist Feb 12, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion Enhance.js
    View file
    Original file line number Diff line number Diff line change
    @@ -8,6 +8,6 @@ export var Enhance = ComposedComponent => class extends Component {
    this.setState({ data: 'Hello' });
    }
    render() {
    return <ComposedComponent {...this.props} data={this.state.date} />;
    return <ComposedComponent {...this.props} data={this.state.data} />;
    }
    };
  2. @sebmarkbage sebmarkbage revised this gist Feb 11, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion Enhance.js
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@ export var Enhance = ComposedComponent => class extends Component {
    constructor() {
    this.state = { data: null };
    }
    componentDidMount(){
    componentDidMount() {
    this.setState({ data: 'Hello' });
    }
    render() {
  3. @sebmarkbage sebmarkbage revised this gist Feb 11, 2015. 2 changed files with 4 additions and 2 deletions.
    4 changes: 3 additions & 1 deletion Enhance.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,6 @@
    export var Enhance = ComposedComponent => class extends React.Component {
    import { Component } from "React";

    export var Enhance = ComposedComponent => class extends Component {
    constructor() {
    this.state = { data: null };
    }
    2 changes: 1 addition & 1 deletion HigherOrderComponent.js
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@ import { Enhance } from "./Enhance";
    class MyComponent {
    render() {
    if (!this.data) return <div>Waiting...</div>;
    return <div>{this.data}</div>
    return <div>{this.data}</div>;
    }
    }

  4. @sebmarkbage sebmarkbage created this gist Feb 11, 2015.
    11 changes: 11 additions & 0 deletions Enhance.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    export var Enhance = ComposedComponent => class extends React.Component {
    constructor() {
    this.state = { data: null };
    }
    componentDidMount(){
    this.setState({ data: 'Hello' });
    }
    render() {
    return <ComposedComponent {...this.props} data={this.state.date} />;
    }
    };
    10 changes: 10 additions & 0 deletions HigherOrderComponent.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    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