title: What's the use of mapDispatchToProps when we can just use this.props.dispatch to dispatch action
body: <p>I've been using <code>@connect</code> annotation for some time and decide to switch to <code>mapStateToProps</code> and <code>mapDispatchToProps</code>.</p>
  
  <p>I can <code>mapStateToProps</code> to map store to component's props fine but wondering what's the point of <code>mapDispatchToProps</code> when I can just call <code>this.props.dispatch( xxx )</code> anywhere. </p>
  
  <p>I also see some react repos and they also do not use <code>mapDispatchToProps</code> </p>
  
  <ul>
  <li><a href="https://github.com/Hashnode/mern-starter" rel="noreferrer">https://github.com/Hashnode/mern-starter</a></li>
  <li><a href="https://github.com/andrewngu/sound-redux" rel="noreferrer">https://github.com/andrewngu/sound-redux</a></li>
  </ul>
  
  <p>Sorry if it sounds like a beginner question.</p>