EventComponent.js

// EventComponents have a `handlers` hash which they can use to listen for DOM events on the document.
// These are bound and unbound safely to avoid lifecycle race condition exceptions.
export default class EventComponent extends React.Component {
  componentDidMount() {
    for(const key in this.events || {})
      $(document).on(key, this.events[key])
  }

  componentWillUnmount() {
    for(const key in this.events || {})
      $(document).off(key, this.events[key])
  }
}

Example.js

import EventedComponent from './EventComponent'

export default class CustomComponent extends EventedComponent {
  constuctor(){
    this.events = {
      OpeningTimes : (event, data) => {
        this._doStuff(data)
      }
    }
  }

  componentDidMount() {
    // Need to remember to do this though  if we want to subclass componentDidMount - yuck :/
    super.componentDidMount(...arguments);

    // ...
  }
  
  // ...
}