Почему моя функция не достигает этой точки?

Question

Я застрял в течение часа, пытаясь понять это. У меня есть функция, которая теперь выглядит как

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 
} 

, которую я вызываю внутри своего компонента React, и по какой-то причине он застревает. В консоли нет ошибок JavaScript, и единственное, что я вижу, это

myfunction called 

Так что же может быть? Я даже сделал

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 ..."); 

и ничего не записано.

Answer 1

Похоже, вы ничего не возвращаете, потому что ваша функция стрелки находится на линии над фигурными фигурными скобками. Переместить фигурные скобки до линии:

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 
} 

=> в основном неявное возвращение.