request 여러번 요청하기

여러개의 api를 받아오려면 어떻게 해야할까?

 

Axios의 multiple request

1) 2개뿐만 아닌 여러개도 가능하며 이 기능을 사용하면 묶어서 요청이 가능하고 한번에 데이터를 받아올 수 있다.

2) 두개의 데이터가 형태에 따라 배열로 들어올경우 아래와 같이 한개의 배열로 사용하면 된다.
- 두개의 배열을 스프레드 연산자를 사용하여 합쳐서 res라는 한개의 배열로 만들었다.

 

import axios from "axios";
import { useEffect, useState } from "react";

const [url1, setUri1] = useState();
const [url2, setUri2] = useState();

useEffect(() => {
  axios
    .all(
      [axios.get("api 주소1"), axios.get("api 주소2")].then(
        axios.spread((response1, response2) => {
            setUri1(response1.data);
            setUri2(response2.data);
        })
      )
    )
    .catch((err) => console.log(err));
}, []);

 

 

 

출처

https://baegofda.tistory.com/215

🎏 requset 여러개 요청하기 (with Axios multiple request)

https://ryugaram.tistory.com/96

axios multi request (get 여러개)

https://velog.io/@ckvelog/Multiple-axios-requests-in-useEffect

Multiple axios requests in useEffect