redux-middleware-counter.js

counter.js

const Counter = props => {
  const { count, dispatch } = props;
  return (
    <div>
      <p>Counter value: {props.value}</p>
      <button onClick={() => dispatch({ type: 'INC' })}>++</button>
      <button onClick={() => dispatch({ type: 'DEC' })}>--</button>
    </div>
  );
}

export default connect(state => state)(Counter);