Count.jsx

import styles from './Count.module.less';
import React from 'react';
import classnames from 'classnames';
import { Button } from 'antd';
import { COUNT_INCREASE, COUNT_INCREASE_ASYNC, COUNT_DECREASE } from '../../constants/count';

const Count = ({ dispatch, count }) =>
  <div>
    <div>{count}</div>
    <Button
      className={styles.button}
      onClick={() => { dispatch({ type: COUNT_INCREASE }); }}>+</Button>
    <Button
      className={styles.button}
      onClick={() => { dispatch({ type: COUNT_DECREASE }); }}>-</Button>
    <Button className={styles.button} type="primary"
    onClick={() => { dispatch({ type: COUNT_INCREASE_ASYNC }); }}>+ (async)</Button>
  </div>

export default Count;