//官方文档
import { Upload, message, Button } from 'antd';
import { UploadOutlined } from '@ant-design/icons';
const props = { name: 'file', action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76', headers: { authorization: 'authorization-text', }, onChange(info) { if (info.file.status !== 'uploading') { console.log(info.file, info.fileList); } if (info.file.status === 'done') { message.success(`${info.file.name} file uploaded successfully`); } else if (info.file.status === 'error') { message.error(`${info.file.name} file upload failed.`); } },};
ReactDOM.render( <Upload{...props}> <Button> <UploadOutlined/> Click to Upload</Button> </Upload>, mountNode,);
不知为何 button和upload不能同时存在，改为下方就可以用。
ReactDOM.render( <Upload{...props}> <div> <UploadOutlined/> Click to Upload</div> </Upload>, mountNode,);
