기존에는 PostActionButtons가 무조건 나타났는데, 현재 사용자가 보고 있는 포스트가 자신의 포스트일 때만 PostActionButtons가 나타나게 설정했습니다. 그리고 onEdit 함수를 구현하여 PostActionButtons에 전달해 주었습니다.

이제 수정 버튼이 클릭되면 props로 전달받은 onEdit를 호출하도록 PostActionButtons를 수정하세요.

components/post/PostActionButtons.js

(...)
const PostActionButtons = ({ onEdit }) => {
  return (
    <PostActionButtonsBlock>
      <ActionButton onClick={onEdit}>수정</ActionButton>
      <ActionButton>삭제</ActionButton>
    </PostActionButtonsBlock>
  );
};

export default PostActionButtons;

---

 

이제 컴포넌트를 저장하고 수정 버튼을 누르면 글쓰기 페이지로 이동합니다. 제목, 태그만 자동으로 입력되어 있고 내용은 공백으로 나타날 것입니다.