antd + recompact: If the function passed in via the onClick prop return a Promise or if a promise is passed as an argument of the loading method, the component will automatically transition to its success or error states based on the outcome of the Promise without the need for external manipulation of state using a ref.

ProgressButton.js

import { Button } from 'antd';
import { compose, omitProps, withState, withHandlers } from 'recompact';

const enhance = compose(
  withState('loading', 'setLoading', false),
  withHandlers({
    onClick: props => e => {
      if (!props.onClick) {
        return;
      }

      const result = props.onClick(e);

      if (result.then) {
        const timeout = setTimeout(() => {
          props.setLoading(true);
        }, 200);

        const finish = () => {
          props.setLoading(false);
          clearInterval(timeout);
        };

        result.then(finish).catch(finish);
      }
    }
  }),
  omitProps('setLoading'),
);

export default enhance(Button);