title: passing text box value to another React page in different page whereas shows in same page
body: <p>I have finding difficault to pass the value form one component to another component in React Js.
  I have files like <strong>App.js</strong> and <strong>Home.JS</strong></p>
  
  <p><strong>App.js</strong> have one input box and one h1 tag while typing on the input box the value will be displayed inside the h1 tag. I wants the same method whereas instead of displaying on the same page i want to display the same value in <strong>Home.js</strong> with React Router.</p>
  
  <p><strong>Appp.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  
  class App extends Component {
  
    constructor(){
      super();
      this.state = {
          name : "sivaprakash",
          age : 25
      }
    }
    update(e){
      this.setState({name: e.target.value})
    }
    render() {
  
  
      return (
        &lt;div className="App"&gt;
          &lt;header className="App-header"&gt;
            &lt;img src={logo} width="50" height="50" className="App-logo" alt="logo" /&gt;
          &lt;/header&gt;
          &lt;section&gt;
            &lt;h1&gt;{this.state.name} - {this.state.age}&lt;/h1&gt;
            &lt;form&gt;
                &lt;input type="text" name="tx1" onChange={this.update.bind(this)} placeholder="Type Something..."/&gt;
            &lt;/form&gt;
            &lt;/section&gt;
        &lt;/div&gt;
      );
    }
  }
  
  
  export default App;
  </code></pre>
  
  <p><strong>Home.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  
  class Home extends Component {
    constructor(){
      super();
      this.state = {
          name : "",
  
      }
    }
  
    render() {
  
  
      return (
        &lt;div className="App"&gt;
            &lt;h1&gt;{this.state.name} &lt;/h1&gt;
  
        &lt;/div&gt;
      );
    }
  }
  
  export default Home;
  </code></pre>
  
  <p>Please let me know if my question seems confusing.</p>