axios 오류 질문

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! 
- 먼저 유사한 질문이 있안녕하세요

Row.js fetchMovieData 부분에서 콘솔찍으면 axios 오류가 나는데

한번 봐주시면 감사하겠습니다 ㅠ

배너 이미지는 잘 나오고 있습니다

Row.js

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

export default function ({ isLargeLow, title, id, fetchUrl }) {
const [movies, setMovies] = useState([]);
useEffect(() => {
fetchMovieData();
}, []);

// const fetchMovieData = async () => {};

const fetchMovieData = async () => {
const request = await axios.get(fetchUrl);
console.log("request", request);
// setMovies(request.data.results);
};

return <div></div>;
}
 
App.js
 
import requests from "./api/requests";
import "./App.css";
import Banner from "./components/Banner";
import Nav from "./components/Nav";
import Row from "./components/Row";

function App() {
return (
<div className="App">
<Nav />
<Banner />
<Row
title="NEFLIX ORIGINALS"
id="NO"
fetchUrl={requests.fetchNetflixOriginals}
isLargeRow
/>
<Row title="Trending Now" id="TN" fetchUrl={requests.fetchTrending} />
<Row title="Top Rated" id="TR" fetchUrl={requests.fetchTopRated} />
<Row
title="Action Movies"
id="AM"
fetchUrl={requests.fetchActionMovies}
/>
<Row title="Comedy Movie" id="CM" fetchUrl={requests.fetchComedyMovies} />
</div>
);
}

export default App;
 

인프런 커뮤니티 질문&답변