Invia gestore, Reagire Axios: Post e Get in stesso gestore

Il then istruzione dopo l'originale get termina sulla linea 11, e il resto del codice è al di fuori di quella.

Con il codice asincrono, il codice di fuori del then il blocco continua a funzionare mentre è in attesa di una risposta, quindi this.state.creator non hanno ancora fissata. Poi tornerà il codice all'interno del then blocco una volta che la promessa si risolve.

È necessario spostare tutto il secondo blocco di codice all'interno del iniziale then blocco in modo che viene eseguito solo una volta una risposta originale get la richiesta ha restituito:

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));
    });
};