Chunho’s DevLife

  • 홈
  • 태그
  • 방명록

React #Components #delete #axios #handleDelete #reactHook #reactQuery #useQuery #useMutation 1

[React] Components handleDelete 처리

서버에서 데이터를 받아와 각 컴포넌트별로 delete 버튼을 추가해 뿌려준 뒤 delete를 클릭할 시 handleDelete 함수를 실행시켜 서버에 delete 요청을 보내는 코드를 작성하였다. 이를 처리하기 위해 handleDelete 함수를 컴포넌트에 넘겨주었고, Item 컴포넌트 안에서 클릭시 해당 컴포넌트의 id를 넘겨주는 handleDelete 함수가 실행되도록 하였다. 하지만 문제가 발생하였고 기존 데이터를 받아오는 코드조차 제대로 동작하지 않았다. 위와 같이 또다른 함수로 감싸 다시 실행시켜보았다. 정상적으로 작동하는 것을 확인할 수 있었다.

React.js 2022.01.28
이전
1
다음
더보기

방문자수Total

  • Today :
  • Yesterday :
프로필사진

Chunho’s DevLife

웹 프론트엔드, 모바일 게임 클라이언트를 개발하고 있습니다 :) 클린코드와 아키텍처에 관심이 많습니다.

  • 분류 전체보기 (113)
    • Node.js (6)
    • React.js (60)
    • React-Native (4)
    • Java (7)
    • 자료구조 (0)
    • 알고리즘 (0)
    • 코딩테스트 (1)
    • AWS (5)
    • Javascript (0)
    • ETC (9)
    • 컴퓨터 네트워크 (4)
    • 데이터 과학 (4)
    • Next.js (13)
    • 웹 해킹 (0)

Tag

typescript, CloudFront, react, Safari, javascript, react-query, useQuery, Next, framer-motion, CSS, rn, login, getStaticProps, nextjs, 성능최적화, Modal, SSR, react-native, reactnative, API,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

Copyright © Kakao Corp. All rights reserved.

  • GitHub
  • Instagram

티스토리툴바