fetch() Returning Undefined

Asked Oct 02 '22 at 08:08

Active Oct 02 '22 at 08:08

Viewed 26 times

I am new to the React Framework. I am trying to fetch data from my Node Backend. The data I fetch keep returning 'Undefined'.

Here's my code:

import React, {useState, useEffect} from 
"react";

function App() {
   const [response, setReponse] = 
   useState([]);

   useEffect(() => {
   fetch("http://localhost:5000/api").then(
   res => {res.json()}
   ).then(
    data => {
    console.log({data});
   }
   )
  });

What am I not doing right?

asked Oct 02 '22 at 08:08

RaqDeku

what does the browser `console` say? – Me Bottle O Scrumpy Oct 02 '22 at 08:11
4

it should be `res => res.json()` or `res => {return res.json();}` – Nick Parsons Oct 02 '22 at 08:12
1

`fetch().then(res=> res.json()).then(data => console.log({data})` .... also may be your server doesn't send any response ? – KcH Oct 02 '22 at 08:12
It returns 'Undefined' – RaqDeku Oct 02 '22 at 08:13
3

That `useEffect()` should also have an empty dependency array, othewise it's going to run after every single render, not just after the first. – Nick Parsons Oct 02 '22 at 08:13

fetch() Returning Undefined

0 Answers0