withHandlers example hoc

example.jsx

class Button extends Component {
  handleClick = (event) => {
    const { onClick, test } = this.props;
    if (onClick) onClick(event, test)
  };
  render() {
    return <button onClick={this.handleClick} />;
  }
}

const withHandlers = handlers => ComposedComponent => class withHandlers extends Component {
  static displayName = `withHandlers(${ComposedComponent.displayName || ComposedComponent.name})`;
  state = {};
  componentWillMount() {
    this.setState(Object.keys(handlers).reduce((obj, propName) => {
      const handle = handlers[propName];
      obj[propName] = (...args) => {
        handle(this.props)(...args);
      };
      return obj;
    }, {}));
  }
  render() {
    return <ComposedComponent {...this.state} {...this.props} />;
  }
}

const DumbButton = props => (
  <button {...props} />
);

const SmartButton = withHandlers({
  onClick: ({ onClick, test }) => event => {
    if (onClick) onClick(event, test);
  },
})(DumbButton);

Haven't tested the code so I might be typos and bugs...