jinzhubaofu / ei Goto Github PK

Redux 已然是 Flux 方案中的佼佼者，不必重复造轮子，直接使用 Redux 即可；

问题描述：

1. react 在渲染如果遇到同一类型并且已经被挂载的组件，再次渲染时不会再次触发
   componentDidMount，实际上是经过componentWillReceiveProps来更新的。
2. 这导致在同一类型的两个 page 实例之间切换时，新的 page 得不到 view 的 componentDidMount 回调添加store change listeners（也就是新的 page 实例没有和视图建立更新关联），因此派发的数据不能更新到视图上。

解决方案：

1. 这个问题只发生在 Client 端

2. 如果 current page 和 next page 是同一类型的，那么复用 current page，更新 current page 的 store 来更新视图，分为：

   2.1 page.getInitState(request) 由于这个方法是与 page 状态无关的，因此可以放心使用 // TODO 建议将此方法静态化

   2.2 page.init(state) 由于 初始化的 reduce 的过程是与当前状态无关的，因此可以直接使用

3. 如果 current page 和 next page 是不同类型的，那么销毁 current page，next page 被渲染