import { InboxOutlined } from '@ant-design/icons'; import { Upload } from 'antd'; import React from 'react'; import './uploadApp.less'; const App: React.FC = ({ uploadFile }) => { const { Dragger } = Upload; const props = { name: 'file', multiple: true, maxCount: 1, onChange: (info) => { uploadFile(info.file.originFileObj); }, }; return ( <> <Dragger {...props}> <p className="ant-upload-drag-icon"> <InboxOutlined /> </p> <p className="ant-upload-text">点击或者拖动文件到此处</p> </Dragger> <a href="https://order-erp.oss-cn-qingdao.aliyuncs.com/%E5%88%86%E6%9C%9F%E4%BB%98%E6%AC%BE-%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx?Expires=2036232762&OSSAccessKeyId=LTAIZCPI7OaWud0m&Signature=rtc7LNVK9g3flXQeHdeGOXFOocY%3D" className="modul-a" > 下载模板 </a> </> ); }; export default App;