react如何根据登录前后渲染不同的组件
发布于 9 年前 作者 RickyDan 8559 次浏览 最后一次编辑是 8 年前 来自 问答

使用webpack打包后的bundle.js作为项目的入口文件,如何根据用户是否已经登录渲染不同的组件。登录状态应该是在后台判断的,react如何接收后台的信号去渲染不同的组件。

8 回复

props 传进参数

不好意思?能不能说具体一些,这个props是父组件上的参数?这个参数如何感知是否已经登录了呢

登录前后-------这是个State React根据State去渲染组件 修改State的方式: 父—>子 传props
子–>父 Props 回调 其他: 事件 可以加flux ,改善流程

  1. 组件 有个登录状态的State字段, 在ComponentDidMoount的时候监听 登录状态的事件(用来修改登录State)
  2. 登录组件 产生Action
  3. Store emit登录事件
  4. 监听的view 在事件回调里改变state

如果是根据登录状态,异步加载组件…webpack本来就有分割chunk的能力,加载组件的方法里用AMD的require,应该很方便实现异步插入js吧


没用过react

谢谢

react 你是怎么做用户登录信息保存的呀

@onwo React 是视图部分。用户登录信息是后台处理和保存的。

@leapon 他问的可能是,登录前一对view,登陆后又一堆view,此时也应该用react的路由的

@i5ting 是的是的 用户登录信息该怎么保存呢,路由咋分登录还是未登录呢

回到顶部