axios는 비동기 방식으로 HTTP 데이터 요청을 실행하는 HTTP 클라이언트 라이브러리
npm i axios
# ...
import axios from "axios";
# ...
getMovies = async () => {
const movies = await axios.get("https://yts-proxy.now.sh/list_movies.json");
console.log(movies);
};
componentDidMount() {
this.getMovies();
}
#...
componentDidMount가 되면 getMovies()가 실행됩니다.
getMovies는 axios를 통해 해당 URL에 데이터를 요청합니다.
받은 데이터는 movies에 저장이되고 console.log()를 통해 확인할 수 있습니다.
'React' 카테고리의 다른 글
[React] 간단한 게임 사이트 (0) | 2020.12.18 |
---|---|
[React] gh-pages (0) | 2020.12.16 |
[React] create-react-app (0) | 2020.12.16 |
[React] React Router (0) | 2020.11.17 |
[React] Context API (0) | 2020.11.17 |