Breaking News: Grepper is joining You.com. Read the official announcement!

fetch API data without using useEffect hook

Add Answer

INVADE answered on April 10, 2021 Popularity 8/10 Helpfulness 2/10

answer fetch API data without using useEffect hook

related fetch data useEffect

related how to fetch data with useEffect

related fetch api useeffect

related How to fetch data from an api useEffect

fetch API data without using useEffect hook

Comment

const [users, getUsers] = useState(() => {
   axios.get("some api call")
     .then(res => getUsers(res.data))
});

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: fetch-api hook javascript use-effect using

Link to this answer
Share Copy Link

Contributed on Nov 06 2023

INVADE

0 Answers Avg Quality 2/10

Closely Related Answers

fetch data useEffect

Comment

React.useEffect(() => {
  const fetchData = async() => {
    try {
      const response = await fetch('url')
      const data = await response.json();
      console.log(data)
    } catch (error) {
      console.log(error)
    }
  }
  fetchData()
},[])

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Sep 05 2022

Amminn

0 Answers Avg Quality 2/10

how to fetch data with useEffect

Comment

  useEffect(() => {
    const fetchData = async () => {
      const result = await fetch(
        'https://my-api.com',
      );
 
      setState(result);
    };
 
    fetchData();
  }, []);

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Apr 10 2021

Adorable Anteater

0 Answers Avg Quality 2/10

fetch api useeffect

Comment

// 1. Import *useState* and *useEffect*
import React, {useState, useEffect} from 'react';
import './App.css';

function App() {
    // 2. Create our *dogImage* variable as well as the *setDogImage* function via useState
    // We're setting the default value of dogImage to null, so that while we wait for the
    // fetch to complete, we dont attempt to render the image
  let [dogImage, setDogImage] = useState(null)

    // 3. Create out useEffect function
  useEffect(() => {
    fetch("https://dog.ceo/api/breeds/image/random")
    .then(response => response.json())
        // 4. Setting *dogImage* to the image url that we received from the response above
    .then(data => setDogImage(data.message))
  },[])

  return (
    <div className="App">
        {/* 5. Using *dogImage as* the *src* for our image*/}
    {dogImage && <img src={dogImage}></img>}
    </div>
  );
}

export default App;

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: dev.to

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Dec 03 2022

Abdullah Naifeh

0 Answers Avg Quality 2/10

How to fetch data from an api useEffect

Comment

import {useEffect} from "react";

useEffect(() => {
  fetchData();
  }, []);

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: dev.to

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Jun 07 2021

Mysterious Macaque

0 Answers Avg Quality 2/10

fetch API data without using useEffect hook

Contents

More Related Answers

fetch API data without using useEffect hook

Closely Related Answers

fetch data useEffect

how to fetch data with useEffect

fetch api useeffect

How to fetch data from an api useEffect

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.