React component connecting to Redux store without hooks, converted into a functional component

App.jsx

import React from 'react';
import {connect} from 'react-redux';
import * as actions from '../actions/actions';

const App = props => {
  const {count, increment, decrement} = props;

  return (
    <div>
      <h1>The count is {count}</h1>
      <button onClick={() => increment(count)}>+</button>
      <button onClick={() => decrement(count)}>-</button>
    </div>
  );
}

const mapStateToProps = store => ({
  count: store.count
});

const mapDispatchToProps = dispatch => ({
  increment: count => dispatch(actions.increment(count)),
  decrement: count => dispatch(actions.decrement(count))
});

export default connect(mapStateToProps, mapDispatchToProps)(App);