我们一起踩过的坑----react（antd）（二）

时间：2018-12-28 19:16:51 阅读：157 评论：0 收藏：0 [点我收藏+]

标签：技术 efault round cdc 需求按钮一起 mouse isa

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>

我们一起踩过的坑----react（antd）（二）

标签：技术 efault round cdc 需求按钮一起 mouse isa

原文地址：https://www.cnblogs.com/NatChen/p/10192001.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行