An example to demonstrate the withState API of Recompose

withState.js

import React from 'react';
import { withState } from 'recompose';

const MyComponent = ({ counter, setCounter }) => (
  <div>
    <h1>{counter}</h1>
    <button onClick={() => setCounter(counter + 1)}>Add</button>
    <button onClick={() => setCounter(counter - 1)}>Remove</button>
  </div>
);

const MyComponentWithState = withState('counter', 'setCounter', 0)(MyComponent);