movieDetail에서 favorite 버튼을 눌러도 추가가 안... - 인프런

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

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