inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

favorite list에서 remove

197

엔조이코딩

작성한 질문수 7

0

안녕하세요,

14강 favoritepage에서 remove버튼을 누르면 지워지고 화면이 리로드되는 부분에서 질문이 있습니다.

두개의 방법 중에 처음에 말씀하신 FavoriteList에서 해당값을 지우는 방법으로 코드를 짜보았습니다.

console에 확인했는데 FavoriteList는 변경이 잘 되었습니다. 그런데 화면은 그대로 입니다. 화면에 바뀐것을 바로 보여주는 것을 어떻게 해야할지 모르겠습니다.

아래는 제가 짜본 코드의 일부입니다.

const [FavoriteList, setFavoriteList] = useState([]);
const onClickDelete = (movieId) => {
    Axios.get(`${FAVORITE_SERVER}/removeFromFavorite/${movieId}`).then(
      (res) => {
        if (res.data.success) {
          let idx = FavoriteList.findIndex((elem) => {
            return elem.movieId == movieId;
          });
          FavoriteList.splice(idx, 1);
          setFavoriteList(FavoriteList);
        } else {
          alert("리스트에서 지우는데 실패했습니다.");
        }
      }
    );
  };

어떻게 해야하나요?

express mongodb nodejs react 웹앱

답변 0

에러서 요렇게만 해보세요

0

228

1

antd Menu 질문

0

258

1

movieTitle

0

218

1

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

0

410

1

npm run dev 오류

0

855

1

403 forbidden error

0

1067

2

npm run dev 오류

0

696

1

모듈이 없다는데요

0

1277

1

npm run dev 실행시 오류

0

5368

1

504 Gateway Timeout Error

0

1448

1

컴파일 에러 관련 문의

0

504

1

npm run dev 오류

0

760

1

이미지가 안떠요...

0

369

2

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

0

531

1

cd client에서 npm install 오류

0

1418

1

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

0

972

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

718

1

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

0

428

1

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

0

247

0

#2강 npm install

0

768

4

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

0

226

0

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

0

384

1