javascript - react-router 子页面之间的数据传递
大家讲道理
大家讲道理 2017-05-19 10:40:04
[JavaScript讨论组]

子页面传递该如何通讯?

import { HashRouter as Router, Route,  Link } from 'react-router-dom'

class Index extends Component {
  render() {
    return (
      
        

library passbook login

) } } export default Index;

1.login页面(#/index/login)使用this.state.isLogin标识登陆状态,进行登陆后this.state.isLogin变为true

2.这时候我切过去passbook页面(#/index/passbook)需要login页面(#/index/login)的isLogin来进行判断该渲染什么UI组件,请问一下这里怎样才能把login页面的isLogin传过去passbook页面呢?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(3)
大家讲道理

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

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

PHP中文网

使用 redux/flux, 存储登录状态
并且使用 cookie/LocalStorage/SessionStorage, 存储用户登录后的信息,
否则 刷新页面之后,还是未登录状态

PHPz

可以使用react-redux去把相关需要的参数存储在store上面,然后connect每一个子组件,store的参数就可以作为props来使用了

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号