Warum erreicht meine Funktion diesen Punkt nicht?

Question

Ich bin seit einer Stunde stecken geblieben, um das herauszufinden. Ich habe eine Funktion, die

myfunction() 
{ 
    console.log("myfunction called");//TEST 
    Axios.post('someurl/' + id) 
     .then(response => 
     { 
      console.log("We're in the .then ...");//TEST 
      onGoodRequest(response.data, response); 
     }) 
     .catch(response => 
     { 
      console.log("We're in the .catch ...");//TEST 
      this.setState({ curUploadState: uploadStates.SHOWSTOPPER }); 
     }); 
    console.log("We're here now ...");//TEST 
} 

sieht nun, die ich in meinem React Komponente aufrufen und aus irgendeinem Grund ist es stecken zu bleiben. Es gibt keine JavaScript-Fehler in der Konsole und das einzige, was ich sehe, ist

myfunction called 

Also was könnte möglicherweise vor sich gehen? Ich tat sogar

var x = Axios.post('someurl/' + id) 
       .then(response => 
       { 
        console.log("We're in the .then ..."); 
        onGoodRequest(response.data, response); 
       }) 
       .catch(response => 
       { 
        console.log("We're in the .catch ..."); 
        this.setState({ curUploadState: uploadStates.SHOWSTOPPER }); 
       }); 
    console.log(x); 
    console.log("We're here now ..."); 

und nichts protokolliert.

Answer 1

Es sieht so aus, als würden Sie nichts zurückgeben, da sich Ihre Pfeilfunktion in der Zeile über den geschweiften Klammern befindet. Verschieben Sie die geschweiften Klammern auf einer Linie:

myfunction() 
{ 
    console.log("myfunction called");//TEST 
    Axios.post('someurl/' + id) 
     .then(response => { 
      console.log("We're in the .then ...");//TEST 
      onGoodRequest(response.data, response); 
     }) 
     .catch(response => { 
      console.log("We're in the .catch ...");//TEST 
      this.setState({ curUploadState: uploadStates.SHOWSTOPPER }); 
     }); 
    console.log("We're here now ...");//TEST 
} 

=> im Grunde eine implizite Rendite ist.