SwipePage.js

import { connect } from 'react-redux'
import { prevPage, nextPage } from '../actions'
import Slide from '../components/Slide'

const getCurrentPage = (currentPage = 0) => {
  return currentPage
}

const mapStateToProps = (state) => {
  return {
    currentPage: getCurrentPage(state.slide)
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    onPrevClick: (currentPage) => {
      // console.log(currentPage)
      dispatch(prevPage(currentPage))
    },
    onNextClick: (currentPage)=> {
      dispatch(nextPage(currentPage))
    }
  }
}

const SwipePage = connect(
  mapStateToProps,
  mapDispatchToProps
)(Slide)

export default SwipePage