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

두개의 request 처리 하는방법

(Axios의 multiple request)

 

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

      axios
      .all([axios.get('https://codingapple1.github.io/shop/data2.json')
        ,axios.get('https://codingapple1.github.io/shop/data3.json')])
     .then(
      axios.spread((res1,res2)=>{
        const rest = res1.data;
        const resr = res2.data;
        const res = [...props.shoes, ...rest, ...resr];
        const resp =res.slice(0,6);
        props.par(resp);
      })
    )

     두개의 데이터가 형태에 따라 배열로 들어올경우 아래와 같이 한개의 배열로 사용하면 된다. 

 

       두개의 배열을 스프레드 연산자를 사용하여 합쳐서 res라는 한개의 배열로 만듦