title: Force render component 1 when i refresh component 2
body: <p>I made a blog project in React. The array of objects (articles) are loaded from component 1. When i click the article title in component 1, and going on component 2 (entire article) everything is rendered ok. If i hit refresh, is rendered just component 2 and component 1 no, so i get TypeError: Cannot read property 'title' of undefined.</p>
  
  <p>If i go back in component 1, everything is rendered and i can access again component 2. I use router dom.</p>
  
  <p>How can i force render component 1 when i refresh component 2?</p>
  
  <p>Here is my component 2:</p>
  
  <pre><code>render(){
      return (
  
          &lt;div className="SinglePageContainer"&gt;
              &lt;div className="SinglePageTitle"&gt;{this.props.currentObject.title}&lt;/div&gt;
              &lt;div className="SinglePageDate"&gt;&lt;FontAwesome name="clock-o"/&gt; {this.props.currentObject.date}&lt;/div&gt;
              &lt;div className="SinglePageArticle"&gt;{this.props.currentObject.text}&lt;/div&gt;
          &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>}</p>