title: Getting a value back from a child component after it is routed in ReactJS
body: <p>I am new to react and currently I am stuck in a scenario where I have 2 components,</p>
  
  <ol>
  <li>Launcher Component</li>
  <li>Developer component</li>
  </ol>
  
  <p>In this, Launcher Component is called first.From that on button click it routes to Developer component. I want to pass a value back from Developer component to Launcher component after routing.</p>
  
  <p>Launcher.js</p>
  
  <pre><code>class LauncherApp extends Component {
        constructor(props) {
          super(props);
          this.developerMode = this.developerMode.bind(this)
        }
  
      developerMode(){
          this.props.history.push('/dev') //routes to developer component
         }
  
      render() {
         return (
      &lt;div&gt;
               &lt;List&gt;
                  &lt;ListItem
                  onClick={this.developerMode}&gt;Developer&lt;ListItem/&gt;
               &lt;/List&gt;
      &lt;/div&gt;
       );
    }
        }
  </code></pre>
  
  <p>Developer.js</p>
  
  <pre><code>class DeveloperMode extends Component {
            constructor(props) {
              super(props);
              this.handleChange = this.handleChange.bind(this);
              this.handleSubmit = this.handleSubmit.bind(this);
                 this.state = {
                    url:'Prod'
                  };
            }
  
             handleChange(event) {
              this.setState({
                url: event.target.value
              });
            } 
              handleSubmit(event) {
              event.preventDefault();
              var env=this.state.url;
                this.props.signOut();
               }
  render() {
        return(
          &lt;div&gt;
            &lt;h3&gt;Select Environment &lt;/h3&gt;
          &lt;RadioButtonGroup name="selectURL" defaultSelected="Prod"  onChange={this.handleChange}&gt;
            &lt;RadioButton
              value="Prod"
              label="Production"
  
            /&gt;
            &lt;RadioButton
              value="Dev"
              label="Development"
  
            /&gt;
            &lt;RadioButton
            value="Test"
            label="Testing"
  
          /&gt;
          &lt;/RadioButtonGroup&gt;
          &lt;RaisedButton label="Save" onClick={this.handleSubmit}/&gt;
          &lt;/div&gt;
        );
      }
          }
  </code></pre>
  
  <p>Routes.js</p>
  
  <pre><code>const Routes = () =&gt; (
  
  
        &lt;Router&gt;             
            &lt;div&gt;
            &lt;Route component={LauncherApp}/&gt;
                &lt;Switch&gt;
                      &lt;Route exact path={"/"} component={ApplicationList} /&gt;
                      &lt;Route path={"/dev"} component={DeveloperMode} /&gt;
                &lt;/Switch&gt;
           &lt;/div&gt;
  
    &lt;/Router&gt;
  
  );
  </code></pre>
  
  <p>Is there any way that I can get the value 'url' from developer component when it is routed in Launcher.js</p>