-
질문 & 답변
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
movieDetail에서 favorite 버튼을 눌러도 추가가 안됩니다..
21.03.15 17:21 작성 조회수 158
0
FavoritePage.js
function FavoritePage() {
const [favorites, setFavorites] = useState([]);
useEffect(() => {
fetchFavoredMovie();
}, []);
const fetchFavoredMovie = () => {
axios
.post("/api/favorite/getFavoredMovie", { userFrom: localStorage.getItem("userId") })
.then((res) => {
if (res.data.success) {
setFavorites(res.data.favorites);
console.log(res.data);
} else {
alert("영화 정보를 가져오는 데 실패했습니다.");
}
});
};
return (
<div style={{ width: "85%", margin: "3rem auto" }}>
<h2>Favorite Movies</h2>
<hr />
<table>
<thead>
<tr>
<th>Movie Title</th>
<th>Movie Runtime</th>
<td>Remove from favorites</td>
</tr>
</thead>
<tbody>
{favorites.map((favorite, index) => {
return (
<tr key={index}>
<td>{favorite.movieTitle}</td>
<td>{favorite.movieRunTime} mins</td>
<td>
<button>Remove</button>
</td>
</tr>
);
})}
</tbody>
</table>
</div>
);
}
여기는 favorite.js(서버) 부분입니다
router.post("/getFavoredMovie", (req, res) => {
Favorite.find({ userFrom: req.body.userFrom }) //
.exec((err, favorites) => {
if (err) return res.status(400).send(err);
return res.status(200).json({ success: true, favorites });
});
});
코드는 맞는 것 같은데 Favorite 페이지에 추가가 안되네요
무엇이 문제일까요? Favorite 페이지에서 success는 true로
잘 전달이 되서 콘솔에 찍히는데 favorites는 빈 배열로 나
오네요 ㅜㅜ
깃헙 주소도 첨부합니다!
https://github.com/97baek/movie-app
따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
무비앱 시리즈 #13 Favorite 페이지 만들기 (1) ( 따라하며 배우는 리액트 노드 )
강의실 바로가기
답변을 작성해보세요.
답변 3