react-kilto/src/simpleConnect.js

Bindings between Kilto and React

'use strict';

import React, { Component } from 'react';

// TODO: write readme

const simpleConnect = (store, mapStateToProps, mapDispatchToProps) => (OldComponent) => {
  const dispatchProps = mapDispatchToProps(store.dispatch);
  
  class Connected extends Component {
    constructor(props, context) {
      super(props, context);
      this.unsubFromKilto = store.subscribe(() => {
        this.forceUpdate();
      });
    }
    componentWillUnmount() {
      this.unsubFromKilto();
    }
    render() {
      return React.createElement(OldComponent, { ...this.props, ...mapStateToProps(store.getState()), ...dispatchProps });
    }
  }
  return Connected;
};
export default simpleConnect;