使用functional React组件创建带有提交按钮的文件上传

import React, { useState } from 'react';

const FileUpload = () => {
  const [selectedFile, setSelectedFile] = useState(null);

  // 其他逻辑代码

  return (
    // JSX代码
  );
};

const handleFileSelect = (event) => {
  setSelectedFile(event.target.files[0]);
};

const handleFileUpload = () => {
  if (selectedFile) {
    // 执行文件上传的逻辑，可以使用相关的库或API进行实现
  }
};

return (
  <div>
    <input type="file" onChange={handleFileSelect} />
    <button onClick={handleFileUpload}>提交</button>
  </div>
);