await, async for the functional component

Question

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>
);
}

{movies ? _renderMovies() : 'Loading'}

); }

Answer

안녕하세요. 노마드코더입니다. 저희가 인프런에서 질문/답변은 지원을 하지 않고 있습니다. youtube 링크에 직접 댓글로 달아주시거나. 저희 노마드아카데미 (https://academy.nomadcoders.co) 에서 질문해주시기 바랍니다. 고맙습니다.

Andrew Kim

await, async for the functional component

이 글과 비슷한 Q&A

리액트 장바구니 총 합계 금액 계산 함수 어떻게 해야할까요?

javascript 공부없이 바로 react native 배워도 되나요?

타입스크립트 테스트코드 작성

리액트 셀렉트 박스 질문드려요