我们一起踩过的坑----react（antd）
Posted natchen
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我们一起踩过的坑----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>
以上是关于我们一起踩过的坑----react（antd）的主要内容，如果未能解决你的问题，请参考以下文章