react如何根据登录前后渲染不同的组件
发布于 9 年前 作者 RickyDan 8193 次浏览 最后一次编辑是 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 是的是的 用户登录信息该怎么保存呢，路由咋分登录还是未登录呢

回到顶部