如何在React-dropzone-uploader中从后台获取响应数据以进行React

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

const UploaderComponent = () => {
  const [response, setResponse] = useState(null);

  const handleDropzoneSubmit = (files, allFiles) => {
    const formData = new FormData();
    formData.append('file', files[0]);

    fetch('/upload', {
      method: 'POST',
      body: formData
    })
      .then(response => response.json())
      .then(data => {
        setResponse(data);
      })
      .catch(error => {
        console.error('Error:', error);
      });

    allFiles.forEach(f => f.remove());
  };

  return (
    <div>
      <Dropzone
        onChangeStatus={handleDropzoneSubmit}
        accept="image/*"
        maxFiles={1}
      />
      {response && (
        <div>
          <h3>Response Data:</h3>
          <pre>{JSON.stringify(response, null, 2)}</pre>
        </div>
      )}
    </div>
  );
};

export default UploaderComponent;