개발하는 루루언니

api를 불러올때 useEffect 공식 본문

컴퓨터 정보/리액트

api를 불러올때 useEffect 공식

혜닝혜루 2022. 10. 18. 17:17
728x90
반응형

< 빠른코딩>

2번 
const getProducts= async () =>{
 
    let url = 'http://localhost:5000/products'
    let response = await fetch(url)
    let data = await response.json()
 
    console.log(data)
 
 
1번 시작
}
  useEffect(()=>{
      getProducts()
  },[])

(순서)(❁´◡`❁)

 

1시작 =  api를 불러오려면?  useEffect를 만든다.

1-1 그안에 함수만들기 getProducts

 

2. getProducts 안에  불러올 db.json 파일 url 주소 적기

response 해서 url 내용 뽑아오기

data 변수안에 해당내용 json 형식 파일로 만들기

 

 

 

728x90