Mixin Behaviors with React Lifecycle Hooks

gistfile1.js

var mixinBehavior = (behavior) => (target) => {
  var componentDidMount = target.prototype.componentDidMount;
  target.prototype.componentDidMount = function () {
    componentDidMount.call(this);
    behavior.onComponentDidMount(this);      
  }
}

class DraggableBehavior {
  constructor(config) {
    this.constraint = config.constraint;
  }
  
  onComponentDidMount(target) {
    console.log("draggable componentDidMount. We have state, " + target.state.name);
  }
}

class OtherBehavior {
  onComponentDidMount(target) {
    console.log("another behavior knows the component did mount");
  }
}

@mixinBehavior(new OtherBehavior())
@mixinBehavior(new DraggableBehavior({ constraint: 4 }))
class Component {
  constructor() {
    this.state = { name: "Brian" };
  }

  componentDidMount() {
    console.log("the real componentDidMount")
  }
}

var c = new Component();
c.componentDidMount();