react如何根据登录前后渲染不同的组件
发布于 11小时前 作者 RickyDan 99 次浏览 来自 问答

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

3 回复

props 传进参数

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

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

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

如果是根据登录状态，异步加载特定组件,webpack有分割chunk的功能，异步加载chunk即可

没用过react

回到顶部