Issue with Axios / React return undefined

Question

I have an issue with React when I try to retrieve the value of return.

The code:

export const RuoloOnline = (jwt) => {
    axios.get("http://localhost:1337/api/users/me",
        {
            headers: {
                "Authorization": `Bearer ${jwt}`
            }
        }
    ).then((res) => { return (res.data.ruolo) }).catch(() => {return 0})

if I put a console.log the value is correctly viewed. If I try to call this function outside the file, it generates an undefined return.

Does this answer your question? Use Async/Await with Axios in React.js — Amila Senadheera
– Amila Senadheera, Commented Dec 2, 2022 at 16:21
Note that the browsers' console.log is lazily evaluated (see stackoverflow.com/questions/17546953/… for more). — Heretic Monkey
– Heretic Monkey, Commented Dec 2, 2022 at 16:30

geeky01adarsh · Accepted Answer · 2022-12-02 16:27:15Z

0

Try using asynchronous function calls instead of this function. Your modified code will be

export const RuoloOnline = async (jwt) ={
    return await axios.get("http://localhost:1337/api/users/me",
       {
           headers: { 
                "Authorization": `Bearer ${jwt}`
            }
        }
   );
}

Hope it helps!

answered Dec 2, 2022 at 16:27

geeky01adarsh

3954 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Issue with Axios / React return undefined

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related