İşleyiciyi gönder, Axios: Post'a tepki ver ve aynı işleyiciye gir

Question 1

Dosyayı yükleyen ve geçerli kullanıcıyı dosya modeline yabancı anahtar olarak ekleyen bir web uygulaması oluşturmaya çalışıyorum. Bazı nedenlerden dolayı get isteği siliniyor, ancak başlangıçta gerekli bilgileri alıyor.

  handleSubmit = (e) => {
    e.preventDefault();
    axios.get('http://127.0.0.1:8000/core/current_user/', {
      headers: {
        Authorization: `JWT ${localStorage.getItem('token')}`,
      }
    }).then((user) => {

      this.state.creator = user.data;
      console.log(this.state.creator);
    })  
    console.log(this.state.creator);
    let form_data = new FormData();
    form_data.append('creator', this.state.creator);
    form_data.append('file', this.state.file);
    form_data.append('title', this.state.title);
    form_data.append('description', this.state.description);
    axios.post('http://localhost:8000/core/posts/', form_data, {
      headers: {
        'Content-Type': 'multipart/form-data',
        Authorization: `JWT ${localStorage.getItem('token')}`,
      }
    }).then(res => {
        console.log(res.data);
      }).catch(err => console.log(err))
  };

1. Konsol kullanıcı bilgilerini döndürüyor ancak 2. konsol null değerini döndürüyor. Herhangi bir yardım gerçekten takdir edilecektir.

Question 2

Senin then orijinalden sonra ifade get 11. satırda bitiyor ve kodunuzun geri kalanı bunun dışında.

Zaman uyumsuz kodla, kodun dışındaki kod then blok yanıt beklerken çalışmaya devam edecek, bu yüzden this.state.creator henüz ayarlanmamış olacak. Daha sonra içindeki koda geri dönecektir. then söz çözüldükten sonra engelleyin.

Tüm ikinci kod bloğunu intialin içine taşımanız gerekir then blok, sadece bu yüzden bir kez idam, orijinal bir cevaptır get istek geri döndü:

handleSubmit = (e) => {
  e.preventDefault();
  axios
    .get('http://127.0.0.1:8000/core/current_user/', {
      headers: {
        Authorization: `JWT ${localStorage.getItem('token')}`,
      },
    })
    .then((user) => {
      this.state.creator = user.data;
      console.log(this.state.creator);
      let form_data = new FormData();
      form_data.append('creator', this.state.creator);
      form_data.append('file', this.state.file);
      form_data.append('title', this.state.title);
      form_data.append('description', this.state.description);
      axios
        .post('http://localhost:8000/core/posts/', form_data, {
          headers: {
            'Content-Type': 'multipart/form-data',
            Authorization: `JWT ${localStorage.getItem('token')}`,
          },
        })
        .then((res) => {
          console.log(res.data);
        })
        .catch((err) => console.log(err));
    });
};

Mario Petrovic · Answer 1 · 2021-11-24T00:46:59

Senin then orijinalden sonra ifade get 11. satırda bitiyor ve kodunuzun geri kalanı bunun dışında.

Zaman uyumsuz kodla, kodun dışındaki kod then blok yanıt beklerken çalışmaya devam edecek, bu yüzden this.state.creator henüz ayarlanmamış olacak. Daha sonra içindeki koda geri dönecektir. then söz çözüldükten sonra engelleyin.

Tüm ikinci kod bloğunu intialin içine taşımanız gerekir then blok, sadece bu yüzden bir kez idam, orijinal bir cevaptır get istek geri döndü:

handleSubmit = (e) => {
  e.preventDefault();
  axios
    .get('http://127.0.0.1:8000/core/current_user/', {
      headers: {
        Authorization: `JWT ${localStorage.getItem('token')}`,
      },
    })
    .then((user) => {
      this.state.creator = user.data;
      console.log(this.state.creator);
      let form_data = new FormData();
      form_data.append('creator', this.state.creator);
      form_data.append('file', this.state.file);
      form_data.append('title', this.state.title);
      form_data.append('description', this.state.description);
      axios
        .post('http://localhost:8000/core/posts/', form_data, {
          headers: {
            'Content-Type': 'multipart/form-data',
            Authorization: `JWT ${localStorage.getItem('token')}`,
          },
        })
        .then((res) => {
          console.log(res.data);
        })
        .catch((err) => console.log(err));
    });
};

İşleyiciyi gönder, Axios: Post'a tepki ver ve aynı işleyiciye gir

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride