favorite list에서 remove

안녕하세요,

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("리스트에서 지우는데 실패했습니다.");
        }
      }
    );
  };

어떻게 해야하나요?

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