영원히 흘러가는 강

axios multi request (get 여러개) 본문

리액트

axios multi request (get 여러개)

double_R_one_G 2021. 5. 6. 17:47
728x90

 

axios 로 여러개의 api 등을 받아올때에 사용 가능한 multi request!! 

 

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));
}, []);
728x90

'리액트' 카테고리의 다른 글

리덕스 장바구니 코드 뜯어보기  (0) 2021.06.03
Context api  (0) 2021.06.01
리액트 DOM 앨리먼트 innerHTML, dangerouslySetInnerHTML  (0) 2021.04.26
구조 분해 할당  (0) 2021.03.03
조건 렌더링  (0) 2021.03.02
Comments