react-router 子页面之间的数据传递

Question

子页面传递该如何通讯？import { HashRouter as Router, Route,  Link } from 'react-router-dom'class Index extends Component {   render() {    return (       <Router basename="/index">         <div className="index-content" >           <Link to="/library">library</Link>           <Link to="/passbook">passbook</Link>           <Link to="/login">login</Link>                      <br/>                      <Route path="/library" component={Library}/>           <Route exact path="/passbook" component={Passbook}/>           <Route path="/login" component={Login}/>         </div>       </Router>     )   } } export default Index;1.login页面（#/index/login）使用this.state.isLogin标识登陆状态，进行登陆后this.state.isLogin变为true2.这时候我切过去passbook页面（#/index/passbook)需要login页面（#/index/login）的isLogin来进行判断该渲染什么UI组件，请问一下这里怎样才能把login页面的isLogin传过去passbook页面呢？

Answer 1

react-router传递参数无非通过url里面的动态匹配或者query来进行传递，这个文档中都很清楚。

但在这种登录态的场景中，更好的做法不是通过cookie来进行登录态的确定，从而使域名下的任何一个网页都能知道已经登录，而不需要像这样传递state。