title: how to update current route with different data on the same page
body: <p>I have a route with path = &quot;/&quot;.Firstly when the component mounts I want to display that component in English and when the user clicks the different language let's say, Russian, I want that same component with route = &quot;/&quot; to be displayed in the Russian language.</p>
  <p>I have created the functions to change the language according to the country and these functions will be called when the user clicks the Russian language from the drop-down list.</p>
  <p>The problem here is the state is getting updated but the current route is not getting displayed with the selected language. I have tried Windows.go() and all other window methods but am still not able to get the desired result.What's the solution?</p>
  <pre><code>constructor(props) {
      super(props);
      this.state = {
        Col: &quot;white&quot;,
        TextCol: &quot;black&quot;,
        Country: &quot;ae&quot;,
        Link: &quot;&quot;,
      };
    }
  
    ConInd = () =&gt; {
      this.setState({ Country: &quot;in&quot; });
      this.setState({ Link: &quot;/&quot; });
    };
  
   
    ConRus = () =&gt; {
      this.setState({ Country: &quot;ru&quot; });
      this.setState({ Link: &quot;/&quot; });
      
    };
  
  
  // navbar 
  
  &lt;li&gt;&lt;Link className=&quot;dropdown-item&quot; onClick={this.props.ConInd} to={this.props.Currlink}&gt;India&lt;/Link&gt;&lt;/li&gt;
      
  &lt;li&gt;&lt;Link className=&quot;dropdown-item&quot; onClick={this.props.ConRus} to={this.props.Currlink}&gt;Russia&lt;/Link&gt;&lt;/li&gt;
  
  // route 
  
  &lt;Route exact path=&quot;/&quot;&gt;
                &lt;News
                  key=&quot;general&quot;
                  pageSize={this.props.pageSize}
                  country={this.state.Country}
                  category={&quot;general&quot;}
                /&gt;
              &lt;/Route&gt;
  </code></pre>