antd 关于上传图片组件的一个问题

打开一个页面,我会在didmount里面多次修改state,最后得出一个defaultFileList, 但是我这么写图片并不会放上去

            <Upload

              action="/upload/img"

              listType="picture-card"

              onPreview={this.handlePreview}

              defaultFileList = {this.state.filePathList}

              onRemove={this.handleRemoveImage}

            >

              {uploadButton}

            </Upload>

但是图片的list在render的时候已经打出来多次了,最后一次确实有item。

然后我把defaultFileList替换为fileList之后默认的图片就能显示出来了,但是当我再次上传图片的时候,upload方法里面的参数的file的status一直为loading并且不刷新。

所以最终的问题是,同样一份数据,为什么放在defaultFileListfileList就一个不展示一个展示呢?


慕码人2483693
浏览 670回答 1
1回答

繁星淼淼

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let filePathList = result.image_infos.map((obj, index) => {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let o:any = obj;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; o.url = obj.base_url;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; o.thumbUrl = obj.base_url;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; o.status = 'done';&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; o.uid = index;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return o;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });貌似当自己控制fileList的时候,文件格式必须是antd指定的。当时生成文件列表时少了uid
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript