title: How to Jump to Redux State with Browser Back Button
body: <p>I’m a react beginner and I have a project using React Router (4.2.2), Redux and I’ve recently added react-router-redux hoping that it would solve my problem. I have components whose redux stored states need to change based on interactions with the browser back and forward buttons. </p>
  
  <p>For example, I have a screen containing details for an element the user clicked.  If I use the browser back button and navigate to another point in history in which that details view was open, it will only show the most recent element info (due to that the only information in the store) or sometimes no information at all will be passed. </p>
  
  <p>I thought react-router-redux would help me keep these two in sync but maybe I’m missing a step that enables that to happen. I’ve installed Redux Debug Tools and I can see in there the state that I want to jump to, but how do I enable it when the user uses the back button? The url for the details page is the same each time it’s viewed, perhaps I need to add a hash tag with specific information but even then, how would I do a look up for the correct information in the store?</p>
  
  <p>I open the details view like this:</p>
  
  <pre><code>&lt;Link to='/activityDetails'&gt;
         &lt;ActivityButton 
             id={this.props.someData.someId}
         /&gt;
  &lt;/Link&gt;
  </code></pre>
  
  <p>And inside ActivityButton:</p>
  
  <pre><code>openActivityDetails = () =&gt; {
      this.props.showActivityDetailsScreen(this.props.id);
  };
  
  function matchDispatchToProps(dispatch) {
      return bindActionCreators({
          showActivityDetailsScreen: activityDetailsActions.showActivityDetails
      }, dispatch)
  }
  
  render(){
      return (
          &lt;div className={'activity-button'} onClick={this.openActivityDetails}&gt;
              &lt;img
                  onClick={this.handleClick}
                  src={imgPath}
              /&gt;
          &lt;/div&gt;
      );
  }
  </code></pre>