小编Dan*_*dow的帖子

你能告诉我如何在按钮点击时在第二个组件上发送输入字段值.我在第一个组件中有一个按钮和输入字段.单击按钮我需要将输入字段值发送到第二个组件

这是我的代码 http://codepen.io/naveennsit/pen/GZbpeV?editors=0010

var { Router, Route,browserHistory } = ReactRouter
class First extends React.Component{
  sendValue(){
    browserHistory.push('/second');
  }
  render(){
    return (<div>
    <input type='text' />
      <button onClick={this.sendValue}>send</button>
    </div>)
  }
}

class Second extends React.Component{
  render(){
    return <div>second component</div>
  }
}
class Main extends React.Component{
  render(){
    return (
     <Router history={browserHistory}>
          <Route path='/' component={First}></Route>  
          <Route path='/second' component={Second}></Route>  
    </Router>)
   }
}
React.render( <Main />,document.getElementById('app'));
browserHistory.push('/')

我将代码设置如下。

componentWillUnmount() { 
    this.setState({'modal':false}) or this.setState({})
}

但是状态尚不清楚。我怎样才能做到这一点？离开组件时需要清除状态。