목록리액트 비동기 함수 (1)

sohyeon kim

[React] fetch API 데이터 가져오기 : json, useEffect & async 활용

💡 리액트에서 api 데이터를 가져와보자! import { useEffect, useState } from "react"; function JsonApp() { const [data, setData] = useState([]); {/*데이터 들어갈 곳 초기 설정*/} useEffect(() => { fetch(`https://jsonplaceholder.typicode.com/posts`) .then((response) => response.json()) .then((json) => { setData([...json]); {/*가져온 json 복사해 데이터 갱신*/} return console.log(json); }); }, []); return ( {data.map((item) => ( {/*가져온 데..
React 2024. 1. 25. 20:57
이전 Prev 1 Next 다음