"POST / HTTP/1.1" 201 91 функция handleChange не обновляет состояние объекта

Я создаю приложение на react js и django для своего школьного проекта. Я создаю компонент формы, в котором есть поле для изображения. Значение, введенное в форме, должно быть отправлено на созданный django rest framework api. Но состояние не обновляется функцией handleChange в компоненте react, отправляются нулевые значения из начального состояния. Я новичок. Пожалуйста, помогите!

Image.js

 this.state = {
   
     floor_no:null,
     distance:null,
     area:null,
     no_of_rooms:null,
     price:null,
     images: null
   };
 this.handleChange=this.handleChange.bind(this);
 this.handleImageChange=this.handleImageChange.bind(this);
  }
 
  handleChange = (e) => {
    this.setState({
      [e.target.id]: e.target.value
    })
  };
   

   handleImageChange = (e) => {
     this.setState({
       images:e.target.files[0]
     })
   };

   handleSubmit = (e) => {
     e.preventDefault();
     console.log(this.state);
     let form_data = new FormData();
      form_data.append('floor_no',this.state.floor_no);
      form_data.append('distance',this.state.distance);
      form_data.append('area',this.state.area);
      form_data.append('no_of_rooms',this.state.no_of_rooms);
      form_data.append('price',this.state.price);
      form_data.append('images',this.state.images,this.state.images.name);
     let url = 'http://localhost:8000/';
     axios.post(url, form_data, {
       headers: {
         'content-type': 'multipart/form-data'
       }
     })
         .then(res => {
           console.log(res.data);
         })
         .catch(err => console.log(err))
   };

django rest framework все нулевые значения публикуются (из начального состояния) вместо введенных из формы.

 {
        "floor_no": null,
        "distance": null,
        "area": null,
        "no_of_rooms": null,
        "price": null,
        "images": null
    }

Вернуться на верх