Компонент хранилища с обратной связью - файл загрузки axios.post ожидает рассмотрения [React]

Question

Я пытаюсь загрузить изображение на ./images, но мой запрос axios находится на рассмотрении.

Я не понимаю, почему. Это как ожидание ответа. Я прочитал документацию из обратной связи. Пожалуйста, сообщите мне, если вам нужно больше подробностей о проблеме.

Вот мой код:

import React, { Component } from "react";
import axios from "axios";

export default class ImagesUploaded extends Component {
  constructor(props) {
    super(props);
    this.state = {
      file: "",
      imagePreviewUrl: "",
      nameImage: "",
      disabled: false
    };
  }

  changeName() {
    var nameAvecEspace = this.state.file.name;
    var nameAvecTiret = nameAvecEspace.replace(/ /g, "_");
    this.setState({ nameImage: nameAvecTiret });
  }

  _handleSubmit(e) {
    e.preventDefault();
    this.changeName();
    const data = this.state.file;
    console.log("data : ", data);
    axios
      .post(
        `http://localhost:3002/api/images/images/upload/?access_token=${localStorage.getItem("userId")}`,
        data
      )
      .catch(err => {
        console.log(err);
      });

    console.log("handle uploading-", this.state.file);
  }

  _handleImageChange(e) {
    e.preventDefault();

    let reader = new FileReader();
    let file = e.target.files[0];

    reader.onloadend = () => {
      this.setState({
        file: file,
        imagePreviewUrl: reader.result
      });
    };

    reader.readAsDataURL(file);
  }

  render() {
    let { imagePreviewUrl } = this.state;
    let $imagePreview = null;
    if (imagePreviewUrl) {
      $imagePreview = (
        <img
          src={imagePreviewUrl}
          alt=""
          style={{ maxWidth: "250px", maxHeight: "250px" }}
        />
      );
      this.state.disabled = false;
    } else {
      $imagePreview = (
        <div className="previewText">
          Veuillez selectionner une image pour une prévisualisation
        </div>
      );
      this.state.disabled = true;
    }

    return (
      <div className="previewComponent">
        <form onSubmit={e => this._handleSubmit(e)}>
          <input
            className="fileInput"
            type="file"
            encType="multipart/form-data"
            onChange={e => this._handleImageChange(e)}
          />
          <button
            className="submitButton"
            type="submit"
            disabled={this.state.disabled}
            onClick={e => this._handleSubmit(e)}
          >
            Charger l'image
          </button>
        </form>
        <div className="imgPreview">{$imagePreview}</div>
      </div>
    );
  }
}

PS: я могу добавить контейнер, так что, на мой взгляд, это не проблема с моделью.