路由改变时强刷数据

componentWillReceiveProps,利用该生命周期,进行重新render的预处理操作

class NewsList extends Component {
  componentDidMount () {
     this.fetchData(this.props.location);
  }

  fetchData(location) {
    const type = location.pathname.replace('/', '') || 'top'
    this.props.dispatch(fetchListData(type))
  }

  componentWillReceiveProps(nextProps) {
     if (nextProps.location.pathname != this.props.location.pathname) {
         this.fetchData(nextProps.location);
     } 
  }

  render () {
    ...
  }
}

参考链接

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 深夜听着不知名的昆虫在窗外叫,我不想关灯睡觉,恐惧感越来越强烈。 开学已经大四,马上进入找工作的阶段。在不知名的大...
    聪六六阅读 545评论 0 2
  • 本月正式对魏禹浩个人的教学。在本月的表现以及学习内容:本月学习到读《大学》的第一段到第四段,熟悉读的有第二段...
    廖梦兰阅读 416评论 0 0
  • “寂寞深闺,柔肠一寸愁千缕。惜春春去。几点催花雨。倚遍阑干,只是无情绪。人何处。连天衰草,望断归来路。(衰草 一作...
    至于耶路撒冷阅读 285评论 0 0