title: React Router Link, onClick Action Not Firing
body: <p>I'm using React Router Dom Link. I'd like to fire an action before I render a new page. The new page's componentDidMount() lifecycle method depends the action firing when a user clicks a username of a post. </p>
  
  <p>code example:</p>
  
  <pre><code> &lt;Link to={`/Profile/${post.uid}`}
      onClick={(e) =&gt; this.handleItemClick(post.uid)}&gt;{post.name}&lt;/Link&gt;
  </code></pre>
  
  <p>handItemClick</p>
  
  <pre><code>handleItemClick = (uid) =&gt; {changeUserUidState(uid)}
  </code></pre>
  
  <p>changeUserUidState is the action creator being dispatched. I am using in line mapStateToProp and mapDispatchToProp like below</p>
  
  <pre><code>export default connect(({posts, userData}) =&gt; ({posts, userData}), ({changeUserUidState}))(Feeds);
  </code></pre>
  
  <p>Action Creator 
  const changeUid = (uid) => {return uid}</p>
  
  <pre><code>export const changeUserUidState = uid =&gt; ({
    type: 'UPDATE_UID', payload: changeUid(uid),
  });
  </code></pre>
  
  <p>My payload should only return the uid, which I can simply return rather than invoking changeUid. But, I'm including this code to say that I can console.log() inside of changeUid once the user clicks on a user name, but my redux tools never fire 'UPDATE_UID' and my store never updates the uid. </p>
  
  <p>How can I invoke an action, but the type of action never fires?</p>
  
  <p>my reducer </p>
  
  <pre><code>import initialState from './initialState';
  
  export default function (userUid = initialState.userUid, action) {
    switch (action.type) {
      case 'UPDATE_UID':
        return action.payload;
      default:
        return userUid;
    }
  }
  </code></pre>
  
  <p>and intialState for userUid is an empty string. </p>