How to pass data from component to component using routes?

Question

React

class Header extends Component {
  constructor(props) {
    super(props);
    this.state = {
      select: false
    };
  }
  render() {
    return <div>{this.state.select}</div>;
  }
}

class Main extends Component {
  send = () => {
    // Отсюда необходимо изменить состояние в Header на this.state.select = true
  }
  render() {
    return <button onClick={this.send}></div>;
  }
}

ReactDOM.render(
  <Router history={browserHistory}>
    <Route path="/" component={Header}>
      <Route path="main" component={Main}/>
    </Route>
  </Router>, 
  document.querySelector('.app')
);

Answer 1

Here is a general approach to this issue.
But it is applicable in academic projects or tiny applications.
In reality, you need to use dataflow packages. Please love and favor - Redux .