더북(TheBook)

7.2.2 WriteScreen에서 onModify 함수 사용하기

이제 방금 만든 onModify 함수를 사용해줍시다.

screens/WriteScreen.js

(...)

function WriteScreen({route}) {
  const log = route.params?.log;

  const [title, setTitle] = useState(log?.title ?? '');
  const [body, setBody] = useState(log?.body ?? '');
  const navigation = useNavigation();

  const {onCreate, onModify} = useContext(LogContext);
  const onSave = () => {
    if (log) {
      onModify({
        id: log.id,
        date: log.date,
        title,
        body,
      });
    } else {
      onCreate({
        title,
        body,
        // 날짜를 문자열로 변환
        date: new Date().toISOString(),
      });
    }
    navigation.pop();
  };

(...)

수정 기능을 구현했습니다. 항목을 열어서 수정한 뒤 우측 상단의 체크 버튼을 눌러서 저장해보세요. FeedsScreen에 변화가 잘 반영되었나요?

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