react-hoc

// Create a React HOC that abstracts the selection logic from 
// https://codepen.io/anon/pen/vPXyOo

const withSelector = (ComposedComponent) => (
  class extends React.Component {
    state = { selected: false };
    
    handleSelect = () => {
      this.setState({ selected: !this.state.selected });
    };
    
    render() {
      // Alternatively we can remove the div wrapper and pass the select handler 
      // function down to the "ComposedComponent".
      return (
      <div onClick={this.handleSelect}>
        <ComposedComponent 
          selected={this.state.selected}
          {...this.props} 
         />
      </div>
      );
    };
  }
);