1. 程式人生 > >我們一起踩過的坑----react(antd)(二)

我們一起踩過的坑----react(antd)(二)

1.antd Upload預設值問題

需求是這樣的,後臺若沒有圖片預設值,則只有上傳按鈕,且只能上傳一張圖片;若有預設值,則顯示預設頭像圖片, 可刪除,刪除之後有且只能新增一張圖片,沒有刪除預設圖片時不能新增圖片

坑爹之路漫漫-----

 

圖為無預設值時狀態

圖為有預設值狀態,刪除後可新增圖片

首先設定defaultFileList,但是defaultFileList並不會預設新增到fileList裡面

< Upload accept = "image/*" listType
= 'picture' onRemove = {this . onRemove } beforeUpload = {this . beforeUpload } defaultFileList = { fieldValue ?[{ uid: "-1" , name: ` ${ item .
fieldName } .png` , status: 'done' , url: `/file-server/ ${ fieldValue } ` , }]: "" } onChange = {this . handleChange } > < Button style
= { { width: 220 } } disabled = {this . state . fileList . length === 1 ? true : false} onMouseEnter = { ( e ) =>this . handleUpload ( fieldValue , e ) } > < Icon type = "upload" /> 點選上傳 </ Button > </ Upload >