美文网首页
通过网络请求到的数据传给子组件 而子组件在使用的时候 却是个空

通过网络请求到的数据传给子组件 而子组件在使用的时候 却是个空

作者: lessonSam | 来源:发表于2020-07-29 11:19 被阅读0次

分析: 通常我们都是在组件挂载的时候 去发送一些请求,当请求到的时候 在往下传,当组件挂载开始发请求 而此时 props 已经传下去了,在 之前的 处理方法都是 使用 componentWillReceiveProps 来处理的 但是这些生命周期已经废除掉了,那么我们盖怎么处理呢? 很简单 :props 传下来肯定是要改变 的 所以我们在 componentdidUpdate 中处理 但是 因为 我们知道 这个生命周期是会死循环的 所以。。。。看代码啦··

  componentDidUpdate(prevProps) {
    const { data } = this.props
    if (data && data !== prevProps.data) {
      this.setState({
        fileList: data
      })
    }
  }

加个判断就好啦

相关文章

网友评论

      本文标题:通过网络请求到的数据传给子组件 而子组件在使用的时候 却是个空

      本文链接:https://www.haomeiwen.com/subject/uclhrktx.html