如何使用nodejs/multer通过react-redux-saga添加带有图片的项目

import React, { useState } from 'react';
import { useDispatch } from 'react-redux';
import { Field, reduxForm } from 'redux-form';

const ProjectForm = ({ handleSubmit }) => {
  const dispatch = useDispatch();
  const [selectedFile, setSelectedFile] = useState(null);

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

  const submitForm = (values) => {
    const formData = new FormData();
    formData.append('name', values.name);
    formData.append('description', values.description);
    formData.append('image', selectedFile);

    dispatch({ type: 'CREATE_PROJECT', payload: formData });
  };

  return (
    <form onSubmit={handleSubmit(submitForm)}>
      <div>
        <label htmlFor="name">Name:</label>
        <Field name="name" component="input" type="text" />
      </div>
      <div>
        <label htmlFor="description">Description:</label>
        <Field name="description" component="textarea" />
      </div>
      <div>
        <label htmlFor="image">Image:</label>
        <input name="image" type="file" onChange={handleFileChange} />
      </div>
      <button type="submit">Submit</button>
    </form>
  );
};

export default reduxForm({ form: 'projectForm' })(ProjectForm);

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

const app = express();

app.post('/api/projects', upload.single('image'), (req, res) => {
  const { name, description } = req.body;
  const imagePath = req.file.path;

  // Save project information and image path to database

  res.json({ success: true });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});