[project] 게시글 CRU'D'

😎·2023년 1월 27일
0

PROJECT

목록 보기
22/26
post-thumbnail

📌

이번 포스트는 게시글 CRUD 기능중 delete 관련 입니다
상대적으로 아주 간단하고 제일 빨리 구현했던 기능이에요 😊

    {isWriter ? (
            <StBtnBox>
              <button onClick={updatePost}>수정하기</button>
              <button onClick={deletePost}>삭제하기</button>
            </StBtnBox>
          ) : (
            <>작성자 불일치</>
          )}

🔧 먼저 isWriter라는 변수를 사용하여 요청한 사용자와 게시글을 작성한 사용자의 닉네임을 비교하여 true, false 값을 할당 해 줍니다!

동일하다면 true 값을 할당하여 해당 수정하기와 삭제하기 버튼을 보여줍니다

  async function deletePost() {
    instance.delete(`/posts/${param.id}`).then((res) => {
      navigate('/posts/all');
    });
  }

🔧 게시글 삭제 함수입니다 서버로 요청을 보낸뒤 게시글 리스트로 화면을 전환합니다!

상대적으로 간단하게 끝난 delete 기능입니다
UI,css 작업은 하지 않은 상태입니다 ㅠㅠ

profile
개발 블로그

0개의 댓글