inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

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

245

김찬기

작성한 질문수 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

48

1

자료 Git Source 주소 ??

1

77

1

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

0

92

1

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

0

68

1

13-1, 13-2 질문

0

134

1

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

4

216

1

recoil error 나시는 분들 보세요

3

131

1

어려워요 뭔소리죠 대체

3

318

1

사진이 잘 안보여요.

0

159

1

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

1

248

0

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

0

126

1

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

2

538

2

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

0

141

0

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

0

176

1

useEffect 관련 질문드립니다.

0

138

0

jotai로 변경했을 때 코드

0

438

3

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

3

463

1

학습 링크

0

364

1

12-2 질문

0

665

3

5-1 학습링크

1

270

1

실습링크

0

326

1

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

0

148

1

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

4

925

1

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

0

197

1