react axios api 여러개 호출하기

원래 호출하던 코드

 

  const getMovies = () => {

    const url = `https://api.themoviedb.org/3/${genre}/${id}?api_key=c4e59022826dc465ea5620d6adaa6813&language=ko`;

    axios

      .get(url)

      .then((response) => {

        setMovies(response.data);

        console.log(response.data);

        setLoding(false);

      })

      .catch((error) => {

        console.log("실패");

      });

  };

  useEffect(() => {

    getMovies();

  }, []);

 

 

axios api 여러개 호출하기

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

useEffect(()=>{

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now complete
  }));
  
},[])