How to modify this React code into Async/Await?

Question

Here is the code:

function getList() {
    return functionList()
        .then((list) => functionDetails())
        .catch((err) => console.log(err));
}

how to convert it to async/await?

Are you sure you are you don't want to use the result of functionList()? — derpirscher
– derpirscher, Commented Feb 25, 2022 at 13:02
Please edit your question to show what research you've done into the issue and any attempts you've made to solve the problem yourself. — Heretic Monkey
– Heretic Monkey, Commented Feb 25, 2022 at 13:11
Does this answer your question? Converting promises to async/await - Javascript — Heretic Monkey
– Heretic Monkey, Commented Feb 25, 2022 at 13:21

Tom · Accepted Answer · 2022-02-25 13:08:21Z

0

You can wrap the call to the awaited function in a try-catch to handle the error, and then run your .then code in the finally block

async function getList() {
    try {
        const result = await functionList();
        return ((result) => functionDetails()());
    } catch(e) {
        console.log(e);
    }
}

edited Feb 25, 2022 at 13:08

answered Feb 25, 2022 at 13:02

Tom

1,1888 silver badges20 bronze badges

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

4 Comments

derpirscher Over a year ago

Nope, this has a different semantics. It calls functionDetails in any case, whereas OP calls it only when functionList didn't reject ...

Tom Over a year ago

Will the return inside the catch not prevent the finally block from running if there's an error?

derpirscher Over a year ago

No, the finally is executed no matter what you do in the try or the catch block. That's the whole purpose of finally

Tom Over a year ago

So if we raise the call to functionDetails inside the try block that seems to work correctly

Collectives™ on Stack Overflow

How to modify this React code into Async/Await?

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related