inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실무 중심! FE 입문자를 위한 React

7-5. 메모 삭제 기능 구현

7-5. 메모 삭제 기능에 문제가 있습니다.

256

김찬기

작성한 질문수 3

1

이슈 함수: deleteMemo

이슈 흐름: "+" 버튼 클릭, 새로운 메모 아이템(Untitled)생성 → memo 2 삭제 → memo 1 삭제

이슈 내용: Untitled 메모 아이템이 있음에도 "메모가 없습니다" 로 처리됨.

이유: 삭제 시 배열의 길이가 달라지면서 index 에 영향이가는데 selectedMemoIndex 값은 그에 따라 변하지 않아서

단순히 index === selectedMemoIndex 의 조건문으로 만족하지 않음.

해결방법: 삭제 시 selectedMemoIndex 에도 새로운 값을 넣어줘야함.

저는 아래와 같이 해결했습니다.

if (index > selectedMemoIndex) {

setSelectedMemoIndex(selectedMemoIndex + 1);

} else if (index < selectedMemoIndex) {

setSelectedMemoIndex(selectedMemoIndex - 1);

} else if (index === selectedMemoIndex) {

setSelectedMemoIndex(0);

}

react redux node.js sass swr

답변 0

리덕스 툴킷 맵다

0

38

1

라우터 궁금사항

0

86

1

자료 Git Source 주소 ??

1

112

1

교육자료 소스 바로 실행시..

0

127

1

교육자료 소스 바로 실행시..

0

98

1

13-1, 13-2 질문

0

160

1

12-2. Recoil -> Jotai 변환 코드 공유합니다.

4

251

1

recoil error 나시는 분들 보세요

3

149

1

어려워요 뭔소리죠 대체

3

340

1

사진이 잘 안보여요.

0

183

1

반복문 사용법은 안알려주고 주의사항만 알려주시는거군요

1

263

0

hooks recoil불러오는 과정에서 src내부에 있는 파일이 안불러와집니다

0

142

1

제발 코드샌드박스 링크 좀 달아주세요....

2

555

2

App.js > QuestionBox > answers ={answers[step]}, QuestionBox.js > answer

0

154

0

4.2 React 렌더링 과정 에서 왜 컴포넌트가 두 번씩 호출될까요?

0

205

1

useEffect 관련 질문드립니다.

0

150

0

jotai로 변경했을 때 코드

0

465

3

리코일이 업데이트가 안된지 오래됐다고하네요

3

479

1

학습 링크

0

396

1

12-2 질문

0

705

3

5-1 학습링크

1

289

1

실습링크

0

340

1

2-6 구구단 배열 넣어서 출력시 질문

0

169

1

[2-1] 강의링크 메모용

4

947

1