WriteActionButtonsContainer 컴포넌트에서는 originalPostId 값이 존재하면 writePost 대신 updatePost 액션 생성 함수를 사용하도록 수정했습니다. 그리고 isEdit라는 props를 전달하여 originalPostId 값의 존재 유무에 따라 버튼 이름을 포스트 수정 또는 포스트 등록으로 설정해 주었습니다.

컨테이너 컴포넌트를 수정한 뒤에는 프레젠테이셔널 컴포넌트도 수정해 줍니다.

components/write/WriteActionButtons.js

(...)
const WriteActionButtons = ({ onCancel, onPublish, isEdit }) => {
  return (
    <WriteActionButtonsBlock>
      <StyledButton cyan onClick={onPublish}>
        포스트 {isEdit ? '수정' : '등록'}
      </StyledButton>
      <StyledButton onClick={onCancel}>취소</StyledButton>
    </WriteActionButtonsBlock>
  );
};

export default WriteActionButtons;

---

 

이제 포스트를 열고 수정 버튼을 누른 다음에 제목, 내용, 태그를 변경하고 포스트 수정 버튼을 눌러 보세요. 변경한 정보가 잘 나타나나요?