React Native Upload上传组件

在表单中我们可以直接获取upload的值,并且可以赋值给这个组件,具体的作法如下:

import {Upload} from 'antd';

const uploadButton = (
  
Upload
);
normFile = (e) => {
  if (e.file.status === 'uploading') {
    return [e.file];
  }
  if (e.file.status === 'done') {
    return [{
      uid: e.file.uid,
      name: e.file.response.data.name,
      status: 'done',
      url: e.file.response.data.url,
    }];
  }
}

 

{getFieldDecorator('upload',{

initialValue:[{uid: 1,status: 'done' , url: '图片的url' }],

valuePropName: 'fileList',

getValueFromEvent: this.normFile,

})(

{
  form.getFieldValue('url')
  &&  form.getFieldValue('url')[0]
&&  form.getFieldValue('url')[0].status === 'done' ?  null : uploadButton
}

)}

你可能感兴趣的:(React Native Upload上传组件)