Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- React onClick
- 카우치코딩
- javascript React
- 6주포트폴리오
- 인라인블럭
- redux 사용방법
- 협업프로젝트
- useEffect
- useParams
- db.json
- 자바스크립트
- 콜백함수
- JSON
- javascript코딩테스트
- redux toolkit
- 자바스크립트배포
- react redux
- Redux store
- foreach
- line-through
- Redux
- toString
- React state
- couchcoding
- 블럭요소
- sort
- useSearchParams
- first-child
- react
- JavaScript
Archives
- Today
- Total
개발하는 루루언니
api를 불러올때 useEffect 공식 본문
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
'컴퓨터 정보 > 리액트' 카테고리의 다른 글
마우스 커서 모양 손모양으로 바꾸기 (0) | 2022.10.18 |
---|---|
React Bootstrap : 설치환경 만들기 (0) | 2022.10.18 |
json 서버를 이용해 api 가져오기 설치환경 만들기 (0) | 2022.10.18 |
React 아이콘 적용하기 (0) | 2022.10.18 |
React Router 설치환경 만들기 (0) | 2022.10.18 |