An example to demonstrate the withHandlers API of Recompose

withHandlers.js

import React from 'react';
import { compose, withState, withHandlers } from 'recompose';

const MyComponent = ({ counter, increment, decrement, reset }) => (
  <div>
    <h2>{counter}</h2>
    <button onClick={increment}>Add</button>
    <button onClick={decrement}>Remove</button>
    <button onClick={reset}>Reset</button>
  </div>
);

const MyComponentModified = compose(
  withState("counter", "setCounter", 0),
  withHandlers({
    increment: ({ setCounter }) => () => setCounter(n => n + 1),
    decrement: ({ setCounter }) => () => setCounter(n => n - 1),
    reset: ({ setCounter }) => () => setCounter(0)
  }),
)(MyComponent);