-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
axios 오류 질문
22.07.26 01:06 작성 조회수 218
0
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있안녕하세요
- 먼저 유사한 질문이 있안녕하세요
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;
답변을 작성해보세요.
답변 1