不能自动刷新list页

Question

步骤：

到account页，点击edit，再退到list页，一片空白，要手动刷新下，才会把之前list刷新出来。detail页面里的评论也是这个情况。

按照老师视频里面 加了  

  componentDidMount(){

    this.props.fetchCreations() 

  }

也是这个样子。

Answer 1

Scott 2018-03-07 22:05:03

真机也这样，说明是 react-navigation 这里的栈进出中，路由栈切换导致的页面重渲染出问题了，之前的组件可能被卸载掉，或者视图没被缓存起来，试一下把 list 页面重构下，移除它对 redux 的依赖，写死到页面中，看看是不是 redux 这个顶层 store 导致的问题

• 提问者 JerseyJerry #1

  自己测试了小demo，写死了就不会出现这个路由栈切换导致的渲染问题了。
  scott如果有时间的话，看看怎么解决路由栈切换和redux渲染的问题呢。
  
  另外，detail页面里面，没有评论历史的视频，从list页点进去的时候，评论区一片空白。有评论历史的，从list页点进去，正常显示。

• Scott 回复 提问者 JerseyJerry #2

  看来需要对这个项目来一个升级了，我近期看看能不能腾出空把项目代码升级一下，提供给大家哈

• 提问者 JerseyJerry 回复 Scott #3

  谢谢大神。希望Redux还在。

Answer 2

Scott 2018-03-07 08:24:44

这是真机上还是模拟器里是这样的。

可以把 list 里面的 props change 加一个监听，每次跳过来，自动触发一下刷新试试看呢

• 提问者 JerseyJerry #1

  真机上和模拟器都是这样。
  没明白怎么加监听到props change。
  实际是 点击account => 点击edit => 点击list，不做任何改变。
  返回到list页后，一片空白。这里应该不存在 props change到情况吧。
  谢谢Scott