React

async , await , fetch 로 API 가져오기

hojncode 2022. 11. 4. 16:18
useEffect(()=> {
        (async()=> {
           const response = await fetch("https://api.coinpaprika.com/v1/coins"); // fetch를 통해 해당 주소의 api를 가져온다.
           const json = await response.json(); // 가져온 api를 json 형식으로 바꿔준다.
           setCoins(json.slice(0,10)); //setState 로 state에 값을 저장한다.(slice를 이용해 원하는 갯 수를 정할 수 있다.)
           setLoading(false); // api 가져오는 순간 동안 boolean 을 이용해서 로딩 문구를 띄워준다.
        })();
    },[])

 

'React' 카테고리의 다른 글

useEffect  (0) 2022.11.03