प्रस्तुत हैंडलर, प्रतिक्रिया Axios: पोस्ट में एक ही हैंडलर

0

सवाल

मैं कोशिश कर रहा हूँ बनाने के लिए एक वेब अनुप्रयोग है कि फाइल अपलोड और संलग्न वर्तमान उपयोगकर्ता फाइल करने के लिए मॉडल के रूप में एक विदेशी कुंजी है. किसी कारण के लिए अनुरोध प्राप्त किया जा रहा है सफाया, लेकिन यह शुरू में आवश्यक जानकारी प्राप्त.

  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 कंसोल लौट रहा है उपयोगकर्ता की जानकारी है, लेकिन 2 कंसोल शून्य देता है. किसी भी मदद वास्तव में सराहना की जाएगी.

api axios javascript react-native
2021-11-23 22:41:32
1

सबसे अच्छा जवाब

1

अपने then बयान के बाद मूल get समाप्त होता है पर लाइन 11, और अपने कोड के बाकी के बाहर है कि.

के साथ अतुल्यकालिक कोड, कोड के बाहर then ब्लॉक जारी रहेगा चल रहा है, जबकि यह एक प्रतिक्रिया के लिए इंतजार है, तो this.state.creator नहीं होगा निर्धारित किया गया है अभी तक. तो, यह वापस आ जाएगी करने के लिए कोड के अंदर then ब्लॉक में एक बार वादा निराकरण करता है ।

आप की जरूरत है स्थानांतरित करने के लिए सभी का दूसरा ब्लॉक के अंदर कोड की प्रारंभिक then ब्लॉक है, तो यह केवल एक बार निष्पादित करने के लिए एक प्रतिक्रिया के मूल get अनुरोध वापस आ गया है:

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));
    });
};
2021-11-24 00:46:59

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में