inflearn logo
강의

Course

Instructor

Practical-focused! React for FE Beginners

7-5. Implementing Memo Deletion Function

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

235

blackstarzck1824

3 asked

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

Answer 0

라우터 궁금사항

0

32

1

자료 Git Source 주소 ??

0

62

1

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

0

76

1

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

0

57

1

13-1, 13-2 질문

0

120

1

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

4

207

1

recoil error 나시는 분들 보세요

3

124

1

어려워요 뭔소리죠 대체

3

313

1

사진이 잘 안보여요.

0

154

1

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

1

241

0

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

0

120

1

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

2

525

2

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

0

141

0

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

0

174

1

useEffect 관련 질문드립니다.

0

136

0

jotai로 변경했을 때 코드

0

426

3

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

3

458

1

학습 링크

0

360

1

12-2 질문

0

657

3

5-1 학습링크

0

268

1

실습링크

0

320

1

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

0

141

1

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

3

915

1

[17-3. Redux로 데이터 관리]에서 Store에 슬라이스 리듀서 추가하기 질문합니다.

0

192

1