inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

무비앱 시리즈 #13 Favorite 페이지 만들기 (1) ( 따라하며 배우는 리액트 노드 )

movieDetail에서 favorite 버튼을 눌러도 추가가 안됩니다..

375

페이커

작성한 질문수 9

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 (errreturn res.status(400).send(err);
      return res.status(200).json({ success: true, favorites });
    });
});
코드는 맞는 것 같은데 Favorite 페이지에 추가가 안되네요
무엇이 문제일까요? Favorite 페이지에서 success는 true로
잘 전달이 되서 콘솔에 찍히는데 favorites는 빈 배열로 나
오네요 ㅜㅜ
깃헙 주소도 첨부합니다!
https://github.com/97baek/movie-app

mongodb express react nodejs 웹앱

답변 3

0

Doosik

몽고디비에 저장된 데이터를 확인해보세요 유저정보가 잘못되서 find 할때 못찾아올것같네요

0

Doosik

https://github.com/97baek/movie-app/blob/main/server/routes/favorite.js#L17

여기 유저 프럼이 유저폼으로 오타나셨네요

0

권재기

저도 똑같은 현상이 나타나는데 해결 하셨나요??

에러서 요렇게만 해보세요

0

227

1

antd Menu 질문

0

258

1

movieTitle

0

218

1

npm run dev 연결이 안됩니다ㅜㅜ

0

409

1

npm run dev 오류

0

853

1

403 forbidden error

0

1066

2

npm run dev 오류

0

695

1

모듈이 없다는데요

0

1275

1

npm run dev 실행시 오류

0

5363

1

504 Gateway Timeout Error

0

1447

1

컴파일 에러 관련 문의

0

504

1

npm run dev 오류

0

760

1

이미지가 안떠요...

0

369

2

npm run dev 실행하고 인증이 안되는거 같아요

0

530

1

cd client에서 npm install 오류

0

1417

1

npm run dev시 localhost가 자꾸 3000으로 연결됩니다

0

971

1

Netlify + AWS Elastic Beanstalk 를 이용한 배포

1

1785

1

[nodemon] app crashed - waiting for file changes before starting... Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/ 해결법

0

460

0

지금 듣기엔 안되는 강의일까요?

0

716

1

사진이 2개 2개씩 다른줄에 나와요 ㅠㅠ

0

426

1

비동기 처리가 영상과 다르게 됩니다..

0

244

0

#2강 npm install

0

765

4

LandingPage.js 내 useState(null) 이용하는 이유

0

222

0

client 부분에 App.js 와 Config.js 위치가 다른데 상관없는 것인가요?

0

376

1