React Native

React native Fetch 네트워크 통신

Machine_웅 2020. 2. 24. 22:27
728x90
반응형
async function getMoviesFromApi() {
  try {
    let response = await fetch(
      'https://facebook.github.io/react-native/movies.json',
    );
    let responseJson = await response.json();
    return responseJson.movies;
  } catch (error) {
    console.error(error);
  }
}

네트워킹은 본질적으로 비동기 작업입니다. Fetch 메소드는 Promise  반환 하여 비동기 방식으로 작동하는 코드를 작성하는 것이 간단합니다.

function getMoviesFromApiAsync() {
  return fetch('https://facebook.github.io/react-native/movies.json')
    .then((response) => response.json())
    .then((responseJson) => {
      return responseJson.movies;
    })
    .catch((error) => {
      console.error(error);
    });
}

 

 

 

728x90
반응형

'React Native' 카테고리의 다른 글

깊은 복사  (0) 2020.02.27
React native navigation V5 헤더  (0) 2020.02.25
React native touch 이벤트  (0) 2020.02.24
문자열 자르기  (0) 2020.02.17
React Native 글자 가로로 제한하고 자동개행 되게 하기..?  (0) 2020.02.17