Cannot render components after the Fetch() call.

Rahul3229 — Thu, 25 Apr 2024 01:26:31 +0000

Hi, I have a simple code which fetches data and converts it to JSON format. The converted JSON data is then stored in a useState variable. I have been trying to render a "Card" component using the useState variable with map() function. I don't get any errors, but I cannot find the "Card" component on the web page. Here's my code:

const [actualData,setactualData]=useState(null); const myrequest= fetch(fetch_url,{ method: 'GET', // headers: {'Access-Control-Allow-Origin':'*','Content-Type':'application/json'} }).then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } //Actual_Data=response.json(); return response.json(); // Parse the JSON response }) .then(data => { setactualData(data); console.log(actualData); }) .catch(error => { console.error('There was a problem with the fetch operation:', error); });; { async ()=>{ await actualData.map((item,id)=>( <Card name={item.First_Name}/> ))} }

How does Fetch works exactly?, and how can I use GET method with parameters?

Rahul3229 — Thu, 18 Apr 2024 16:38:10 +0000

Hi, I am new to React and I am trying to get specific search results based on a city name. I have a variable which is entirely dependent on user's input(city name) and I would like to use this variable as a parameter in my URL. I am sure my syntax is wrong and I tried googling, but I cannot understand anything. Can someone please explain how Fetch API works?, and how can I make a GET request with parameters?. Here's my code-

Forem: Rahul3229

Cannot render components after the Fetch() call.

How does Fetch works exactly?, and how can I use GET method with parameters?