example.js

// Component.jsx
componentDidMount () {
  const url = `${ ROOT_URL }event/${ this.props.eventId }`
  axios.get(url)
    .then(response => response.data && this.props.eventFetch(response.data))
    .catch(err => console.log(err))
}
           
const mapState = (state) => {
  const { eventName, eventDescription } = state
  return { eventName, eventDescription }
}
  
const mapActions = {
  eventFetch: Actions.eventFetch,
}

export default connect(mapState, mapActions)(EventDetails)

// actions.js
export const eventFetch = (data) => ({
  type: EVENT_FETCH,
  payload: { data },
})
           
// reducers.js
case EVENT_FETCH: {
  const fetchedState = action.payload && action.payload.data
  return fetchedState
}