더북(TheBook)

그리고 Profile 컴포넌트는 다음과 같이 수정해주세요.

components/Profile.js

(...)

function Profile({userId}) {
  const [user, setUser] = useState(null);
  const {
    posts,
    noMorePost,
    refreshing,
    onLoadMore,
    onRefresh,
    removePost,
  } = usePosts(userId);
  const {user: me} = useUserContext();
  const isMyProfile = me.id === userId;

  useEffect(() => {
    getUser(userId).then(setUser);
  }, [userId]);

  useEffect(() => {
    // 자신의 프로필을 보고 있을 때만 새 포스트 작성 후 새로고침을 합니다.
    if (!isMyProfile) {
      return;
    }
    events.addListener('refresh', onRefresh);
    events.addListener('removePost', removePost);
    return () => {
      events.removeListener('refresh', onRefresh);
      events.removeListener('removePost', removePost);
    };
  }, [removePost, isMyProfile, onRefresh]);

(...)

이제 포스트를 삭제해보세요. 피드 목록과 프로필에서 잘 반영되나요?

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.