converting Promise to async await syntax problem

Question

I want to convert promise in to async await but I cannot find the right syntax for the function that reads the data from the response

export async function getDataFromServer(id) {
    try {

        const resp = await fetch('/dataget', {
            credentials: "same-origin",
            mode: "same-origin",
            method: 'POST',
            headers: { "Content-Type": "application/json" },
            body: `${id}`
        })

        const data = await resp.json()

        const handel = await function (data) {
            console.log(data);
            // render function 
            renderDataFromServer(data)
        }
    }
    catch (err) {
        if (err === "server") return
        console.log(err)
    }
}

Why would it run? handel is never called. I'm not sure what the point of const handel = await function (data) { is. I'd just remove that line. — ggorlen
– ggorlen, Commented Jun 7, 2021 at 23:17
await function(){…} doesn’t make sense. A function expression doesn’t need awaiting. What are you expecting this to do? — Sebastian Simon
– Sebastian Simon, Commented Jun 7, 2021 at 23:18
If you wanted to run renderDataFromServer() after data from resp.json() returns, you could call it directly under the await call const data = await resp.json(); renderDataFromServer(data) — Hilal Arsa
– Hilal Arsa, Commented Jun 7, 2021 at 23:21

Christos Panagiotakopoulos · Accepted Answer · 2021-06-07 23:22:19Z

2

If you remove the unnecessary function declaration it should work:

export async function getDataFromServer(id) {
    try {

        const resp = await fetch('/dataget', {
            credentials: "same-origin",
            mode: "same-origin",
            method: 'POST',
            headers: { "Content-Type": "application/json" },
            body: `${id}`
        })

        const data = await resp.json();

        console.log(data);
        // render function 
        return renderDataFromServer(data);
    } catch (err) {
        if (err === "server") return
        console.log(err)
    }
}

answered Jun 7, 2021 at 23:22

Christos Panagiotakopoulos

8235 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

converting Promise to async await syntax problem

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related