为什么我的功能没有达到目标？

Question

I've been stuck for an hour trying to figure this out. I have a function that now looks like

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
}

which I call inside my React component and for some reason it's getting stuck. There are no JavaScript errors in the console and the only thing I see is

myfunction called

So what could possibly be going on? I even did

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

and nothing logged.

Answer 1

It looks like you are returning nothing because your arrow function is on the line above the curly braces. Move the curly braces up a line:

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
}

=> is basically an implicit return.