await, async for the functional component
259
Andrew Kim
5 asked
0
useEffect(() => {
_getMovies();
// eslint-disable-next-line
},[]);
function _renderMovies() {
return movies.map(movie => {
console.log(movie)
return <Movie title={movie.title} poster={movie.large_cover_image} key={movie.id} />
});
}
async function _getMovies(){
const movies = await _callApi();
setMovies(movies);
}
function _callApi() {
return fetch("https://yts.lt/api/v2/list_movies.json?sort_by=rating")
.then(response => response.json())
.then(json => json.data.movies)
.catch(err => console.log(err))
}
return (
<div className="App">
{movies ? _renderMovies() : 'Loading'}
</div>
);
}
javascript
react
Answer 1
0
안녕하세요. 노마드코더입니다. 저희가 인프런에서 질문/답변은 지원을 하지 않고 있습니다. youtube 링크에 직접 댓글로 달아주시거나. 저희 노마드아카데미 (https://academy.nomadcoders.co) 에서 질문해주시기 바랍니다. 고맙습니다.
슬슬 따라하기가 힘들어진다.
0
18
1
counter01.html은 어디있을까요?
1
8
1
[문의] 섹션 7 미션 진행 중...
0
16
1
기본 브랜치의 이름이 master에요.
0
19
1
관리자 페이지 질문
0
14
1
plans 생성이 안됩니다.
0
19
2
더빙에 어떤 ai가 쓰였는지 궁금합니다.
0
22
1
보안 적용에 대한 강의가 있을까요?
0
12
1
Auto-memory 기능
0
17
1
???
0
259
0
에러가 뜹니다
0
230
1
why propTypes use duplicate?
0
209
1
function in functional components
0
181
1
useEffect in the functional components
0
191
1
State in a functional components
0
205
1
component가 없어요
0
189
1
access denied
0
200
1
fetch problem
0
689
5
yarn build 에러 떠서
0
456
1
yarn start error
0
370
1
아무나 답변 좀 부탁드려요
0
222
2
후기
0
146
1
root안에 모든걸 넣는다고 하시는데
0
138
1
about this.setState
0
123
1