title: How to call action in button click of component, Even though i'm using connect function which is not calling in React Redux
body: <p>Here i'm using the postMessage() click event to send the callback to action/reducer but i'm unable to call, please help me out in this i'm new to react redux.thank in advance..</p>
  
  <pre><code>    import React, { Component, PropTypes } from 'react';
      import { connect } from 'react-redux';
  
      export class AddBlogPost extends Component {
          constructor(state) {
              super();       
          }
          postMessage =()=&gt;{
              this.props.postMessage();
          }
          render() {
              return (
                  &lt;form&gt;
                      &lt;div className="imgcontainer"&gt;
                      &lt;/div&gt;
                      &lt;div className="container"&gt;
                          &lt;label&gt;&lt;b&gt;Username&lt;/b&gt;&lt;/label&gt;
                          &lt;input type="text" placeholder="Enter Username" name="uname" onChange={(e) =&gt; this.userName = e.target.value} /&gt;
                          &lt;label&gt;&lt;b&gt;Subject&lt;/b&gt;&lt;/label&gt;
                          &lt;input type="text" placeholder="Enter Subject" name="sub" onChange={(e) =&gt; this.subject = e.target.value} /&gt;
                          &lt;label&gt;&lt;b&gt;Comment/Message&lt;/b&gt;&lt;/label&gt;
                          &lt;input type="text" placeholder="Enter Message" name="msg" onChange={(e) =&gt; this.message = e.target.value} /&gt;
                          &lt;button type="submit" onClick={(event) =&gt; { event.preventDefault(); this.postMessage() }}&gt;Post Message&lt;/button&gt;
                          &lt;button type="button" className="cancelbtn" style={{ float: 'right' }}&gt;Cancel&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              );
          }
      }
  </code></pre>
  
  <p>this is my proptypes here </p>
  
  <pre><code>    AddBlogPost.PropTypes = {   
          postMessage: PropTypes.func.isRequired
      }
  </code></pre>
  
  <p>this is my dipatcher</p>
  
  <pre><code>    export const mapDispatchToProps = (dispatch) =&gt; {
          postMessage: () =&gt; dispatch({ type: 'ADD_POST' })
      };
  
      export const mapStateToProps = (state) =&gt; {
          return {
              state: state
          }
      }
  
      AddBlogPost = connect(mapStateToProps, mapDispatchToProps)(AddBlogPost);
  
      export default AddBlogPost;
  </code></pre>