ant-design/ant-design-pro

🐛 [使用 EditableProTable可编辑列表使用ProFormUploadButton 进行文件图片上传图片上传到后台但是在列表中没有展示]

Xyk859852 opened this issue · 1 comments

🐛 bug 描述

📷 复现步骤 | Recurrence steps

{
title: '图片',
dataIndex: 'image',
valueType: 'image',
width: '15%',
renderFormItem: (_, { record, onChange }) => (
<ProFormUploadButton
name="image"
label="上传图片"
fieldProps={{
fileList: [],
onChange: (info) => {
console.log(info);
if (info.file.status === 'done') {
onChange(info.file.response.url);
}
},
action: '', // 设置你的上传接口 URL
}}
value={record.image}
/>
),
}

🏞 期望结果 | Expected results

希望可以直接在可编辑列表中进行查看到图片,status可以变成done

© 版本信息

  • Ant Design Pro 版本: ant-design-pro master 版本
  • umi 版本
  • 浏览器环境 Chrome
  • 开发环境 [Windows10]

🚑 其他信息

你自己定义了fileList为空,代码里又没看到你把值赋进去,肯定是空的啊,看看文档吧