9.7.2 포스트 작성 후 업데이트하기

포스트를 작성하면 FeedScreen과 Profile에 반영되도록 구현해볼까요? 우선 포스트를 작성하고 나서 refresh 이벤트를 발생시킵시다.

screens/UploadScreen.js

(...)
import events from '../lib/events';

function UploadScreen() {
  (...)
  const onSubmit = useCallback(async () => {
    (...)
    events.emit('refresh');
    // TODO: 포스트 목록 새로고침
  }, [res, user, description, navigation]);

(...)

그리고 FeedScreen에 다음과 같이 useEffect를 추가해주세요.

screens/FeedScreen.js

import React, {useEffect} from 'react';
(...)
import events from '../lib/events';

function FeedScreen() {
  const {posts, noMorePost, refreshing, onLoadMore, onRefresh} = usePosts();

  useEffect(() => {
    events.addListener('refresh', onRefresh);
    return () => {
      events.removeListener('refresh', onRefresh);
    };
  }, [onRefresh]);

(...)