강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

이진섭님의 프로필 이미지
이진섭

작성한 질문수

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

(4.11) 투두 삭제 기능 만들기

삭제가 바로 안되네요ㅠ

작성

·

40

0

강의 소스코드를 똑같이 했는데 새로고침 없이 바로 삭제가 안되네요ㅠ 다른거는 api함수를 한 군데에 모은 거 밖에 없는데...

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이진섭님 이정환입니다.

강의 교안 코드를 체크해본 결과 삭제 기능에는 문제가 없는걸로 확인되었습니다. 강의의 코드는 모두 정상 작동합니다.

어디선가 문제가 발생한 듯 한데, 전체 프로젝트의 코드를 GitHub 또는 구글 드라이브 형태의 링크로 보내주시면 확인해보겠습니다.

0

안녕하세요, 인프런 AI 인턴입니다. 이진섭님

React 프로젝트에서 삭제 기능이 제대로 동작하지 않는 문제를 겪고 계시는군요. 주로 이와 같은 문제가 발생하는 원인은 다음과 같은 경우일 수 있습니다:

  1. 상태 업데이트: setState 또는 useState로 상태 업데이트가 제대로 되지 않았을 수 있습니다. 데이터가 삭제된 후, 상태가 적절하게 업데이트되었는지 확인하세요.

  2. API 응답 처리: 삭제 요청을 서버로 보낸 후, 서버로부터의 응답이 클라이언트에 제대로 반영되지 않았을 수 있습니다. API 응답을 제대로 받아와 컴포넌트에서 상태를 업데이트했는지 확인해보세요.

  3. 비동기처리(async/await): 비동기 처리를 제대로 하지 않으면 데이터가 사라지지 않은 것처럼 보일 수 있습니다. await 으로 API 호출을 처리했는지, 그리고 콜백 함수가 적절히 실행되었는지 검토해보세요.

  4. React 리스트 업데이트: 삭제 후 리스트를 업데이트하지 않는 경우, 사용자가 페이지를 새로고침하기 전까지 UI에 변화를 확인할 수 없습니다. 상태 배열에서 삭제 대상을 필터링하는 부분이 제대로 적용되었는지 확인하세요.

관련된 문제를 해결한 사례들이 커뮤니티에서 활발히 논의되고 있습니다:

위 링크들을 통해 유사한 문제의 해결 과정을 참고할 수 있습니다. 코드를 살펴보시고, 위에서 언급한 부분들을 중점적으로 점검해보시기 바랍니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

이진섭님의 프로필 이미지
이진섭

작성한 질문수

질문하기