How To Make API Call In React using useEffect() Hook With Fetch API and async / await

(We're free online community, meet other makers!)

Keywords:
react useeffect to call api
how to get data from url in react js

[AleySoundz]

watched videos that were hours long and this three minute video is what actually made everything click. Thank you.

[eddysantiagorhenalsperez]

Thanks this is very useful, what can I do if I want the temperature to change when I click a button?

[vuestacks]

On line 12 at @2:50, why did you use ".then" on result.json() if you were already using async/await syntax for the fetch line above it? Can we not just use "const data = await result.json()" ?

[kashmirtechtv]

Why don't we use fetch directly but we created a separate function?

[jackepner]

Why would you put your API key on the front-end!? Nobody builds API calls this way...

[spamcolector]

as a guy who never worked with api and react. that code is discountingly hard to read.

[AB-kqxm]

Does this still work? Copied this line for line and get - cannot read properties of undefined (reading 'temp_f'). Seems like you need a special key (not the standard one.