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

推荐阅读更多精彩内容