inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

리액트 처음이시라구요? React JS로 웹 서비스 만들기!

Async Await

await, async for the functional component

258

Andrew Kim

작성한 질문수 5

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

답변 1

0

노마드코더

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

[2회독]Warp 사용문의

0

5

1

강의 내용 부분이 잘못 올려진 거 같아요!

0

11

0

이전 강의에서는 /init을 토큰사용량 이슈로 '보는것'만 제안 주셨는데요..

0

11

1

스타터킷에 등록한 기술스택의 업그레이드 발생 시 방법

0

24

1

context7 mcp 설치 관련

0

23

0

context mcp tools 사용량 관련

0

15

0

플랜을 짠 다음 model를 변경해서 개발진행하는 방법문의

0

20

1

stopPropagation()에 대해서 질문 있습니다.

0

20

2

미션6 진행 관련 , /config -> output style 선택항목에 보이지 않는데...

0

19

2

???

0

258

0

에러가 뜹니다

0

223

1

why propTypes use duplicate?

0

207

1

function in functional components

0

178

1

useEffect in the functional components

0

190

1

State in a functional components

0

203

1

component가 없어요

0

188

1

access denied

0

199

1

fetch problem

0

683

5

yarn build 에러 떠서

0

455

1

yarn start error

0

370

1

아무나 답변 좀 부탁드려요

0

218

2

후기

0

145

1

root안에 모든걸 넣는다고 하시는데

0

138

1

about this.setState

0

123

1