react 结合 upload 实现自定义展示缩略图

++如果是后端给我们的就需要后端加个字段 thumbUrl ,或者我们拿到URL 给数据添加字段 ++

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

  getThumbnail(data) {
    data.map((item, index) => {
      if (item.type == 1) {
        return (item.thumbUrl = defaultPicureImg)
      }
      if (item.type == 2) {
        return (item.thumbUrl = defaultVideoImg)
      }
      if (item.type == 3) {
        return (item.thumbUrl = defaultPDFImg)
      }
    })
    return data
  }