title: React Redux action not entering into dispatch
body: <p>I have seen some similar questions to this one, but I'm not entirely sure if I understand how mapDispatchToProps, bindActionCreators and connect work and so am unsure where I'm going wrong.</p>
  
  <p>At the moment, my recordFullTimeScoreAnswer function is being called, but when it enters the function nothing happens after the return line. The console.log is not printed and there aren't any errors</p>
  
  <p>Component</p>
  
  <pre><code>renderNextQuestionArrow(question: Question) {
          const p = this.props;
          const s = this.state;
  
          return (
              &lt;div onClick={ () =&gt; { p.recordFullTimeScoreAnswer(s.homeScore, s.awayScore, p.question, p.questionIndex, p.user, p.configs) } }&gt;
                  &lt;Arrow direction="right" action={ () =&gt; { p.showNextQuestion() } }/&gt;
              &lt;/div&gt;
          )
      }
  </code></pre>
  
  <p>Container</p>
  
  <pre><code>import React, { Component } from 'react';
  import { bindActionCreators } from 'redux';
  import { connect } from 'react-redux';
  import { recordFullTimeScoreAnswer, showNextQuestion } from '../actions';
  
  render() {
      return(
          &lt;FullTimeScoreActive
                  imgSrc={imgSrc}
                  user={user}
                  answerStatus={answerStatus}
                  question={question}
                  showNextQuestion={showNextQuestion}
                  recordFullTimeScoreAnswer={recordFullTimeScoreAnswer}
                  questionIndex={questionIndex}
                  total={total}
                  configs={configs}
              /&gt;
      )
  }
  
  function mapDispatchToProps(dispatch) {
      return bindActionCreators({ recordFullTimeScoreAnswer, showNextQuestion }, dispatch);
  };
  
  export default connect(mapStateToProps, mapDispatchToProps)(FullTimeScoreContainer);
  
  export { FullTimeScoreContainer }
  </code></pre>
  
  <p>Action</p>
  
  <pre><code>export function recordFullTimeScoreAnswer(
      homeScore: number,
      awayScore: number,
      question: Object,
      questionIndex: number,
      user: User,
      configs: Configs
  ) {
      console.log("outside record answer");
      return (dispatch: Function) =&gt; {
          console.log("inside record answer");
  
          let uri = configs.baseAPIPath + '/questions/';
  
          if ( user.loggedIn ) {
              fetchWithAuth(uri, 'POST', answer, user.tokens, configs.clientId, dispatch, false, v.questionId).then( (data) =&gt; {
                  if (data) {
                      dispatch({
                          type: RECORD_ANSWER_SUCCESS,
                          payload: { questionIndex, answerId }
                      })
                  }
              });
          }
      }
  }
  </code></pre>
  
  <p>The last thing I see is the "outside record answer" log but never the "inside record answer" one</p>