antd upload上传问题

//官方文档

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,);