title: this.props... is not a function react react-redux
body: <p>I have a problem with dispatching a action from componentDidMount...
  error is : TypeError: this.props.postDetails is not a function</p>
  
  <p>Action.js </p>
  
  <pre><code>export const postDetails = data =&gt; ({
          type: "POST_DETAILS",
          post: data
  })
  </code></pre>
  
  <p>Container/GetDetails.js</p>
  
  <pre><code>import Details from '../components/Details'
  import { postDetails } from '../actions'
  
  const mapStateToProps = state =&gt; ({ post: state.post });
  
  const mapDispatchToProps = dispatch =&gt; bindActionCreators({postDetails}, dispatch);
  
  const GetDetails = connect(
      mapStateToProps,
      mapDispatchToProps 
  )(Details)
  
  export default GetDetails
  </code></pre>
  
  <p>Component/Details.js</p>
  
  <pre><code>import React from 'react'
  import { postDetails } from '../actions'
  
  
  class Details extends React.Component {
      constructor(props){
          super(props);
      }
  
      componentDidMount() {
          console.log("did mount details");
          this.props.postDetails();
      }
  
      render() {
          return (
              &lt;div&gt;
                  Details page
              &lt;/div&gt;
          )
      }
  }
  
  export default Details;
  </code></pre>
  
  <p>Can someone help me? Why i have this error?</p>