FRONT/REACT

[React] async / await

연듀 2022. 1. 14. 15:05

 

 

async / wait를 사용하면 비동기 처리를 할 수 있다. 

이전엔 promise 를 사용하였는데, 비동기 처리에서 사용되는 객체로 axios가 이를 기반으로 만들어졌다.

promise의 단점을 해결하기 위해 async/await 키워드가 추가되었다.

 

 

  const getMovies = async () => {
    const response = 
      await fetch(
        `https://yts.mx/api/v2/list_movies.json?minimum_rating=9&sort_by=year`
      );
    const json = await response.json();

 

이렇게도 사용할 수 있다. 

 

const getMovies = async () => {
    const json = await (
      await fetch(
        `https://yts.mx/api/v2/list_movies.json?minimum_rating=9&sort_by=year`
      )
    ).json();