ChangingModelPropMixin

gistfile1.js

ChangingModelPropMixin = function(propName, handlerName) {
  return {
    componentWillReceiveProps: function(nextProps) {
      if (nextProps[propName] && nextProps[propName] !== this.props[propName]) {
        this.props[propName].removeListener("change", this[handlerName]);
        nextProps[propName].on("change", this[handlerName]);
      }
    },
 
    componentDidMount: function () {
      this.props[propName].on("change", this[handlerName]);
    },
    
    componentWillUnmount: function () {
      this.props[propName].removeListener("change", this[handlerName]);
    },
  };
};
 
Component = React.createClass({
  mixins: [ChangingModelPropMixin("slot", "slotListener")],
  
  slotListener: function(data) {
    // ...
  }
});