表中多行中的单个文件上载- react中的数据，节点中的multer with express -仅需要建议

import React, { useState } from 'react';
import { useDropzone } from 'react-dropzone';

const FileUploadForm = () => {
  const [files, setFiles] = useState([]);

  const onDrop = (acceptedFiles) => {
    setFiles(acceptedFiles);
  };

  const { getRootProps, getInputProps } = useDropzone({ onDrop });

  return (
    <div {...getRootProps()}>
      <input {...getInputProps()} />
      <p>拖拽文件到此处或点击选择文件</p>
      {files.map((file, index) => (
        <div key={index}>
          <p>{file.name}</p>
        </div>
      ))}
    </div>
  );
};

export default FileUploadForm;

const express = require('express');
const multer = require('multer');

const app = express();
const upload = multer({ dest: 'uploads/' });

app.post('/upload', upload.single('file'), (req, res) => {
  // 处理上传的文件
  console.log(req.file);
  res.send('文件上传成功');
});

app.listen(3000, () => {
  console.log('服务器已启动');
});