antd的Upload组件, 在Form中使用时, 怎样设置initialValues

Question

antd 4.1.14版本中, 如何在Form表单的initialValues中设置Upload组件的defaultFileList值

Answer 1

const defaultFileList = [
      {
        uid: '-1',
        name: 'image.png',
        status: 'done',
        url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
      },
      {
        uid: '-2',
        name: 'image.png',
        status: 'done',
        url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
      },
      {
        uid: '-3',
        name: 'image.png',
        status: 'done',
        url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
      },
      {
        uid: '-4',
        name: 'image.png',
        status: 'done',
        url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
      },
      {
        uid: '-5',
        name: 'image.png',
        status: 'error',
        // url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
      },
    ]

Answer 2

写在initialValue里defaultFileList怎么拿到？我猜你的意思是将一个表单字段的值设成defaultFileList。

       let defaultFileList=getFieldValue("表单值")
        const props = {
            defaultFileList:defaultFileList,
        };
        
        <Upload {...props}>
        </Upload>

Answer 3

应该直接构造对应的object赋值给initialValues就可以了吧，比如initialValues：{ fileList: defaultFileList }