inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

8.4) Create - 투두 추가하기

onCreate emotion undefined 문의

해결된 질문

236

peekaboo

작성한 질문수 1

0

안녕하세요. 강의 보면서 기초 개념 다지는 중인 학생입니다 :)
 
다름이 아니라 일기 작성 시 제목과 내용 본문 입력 후, 점수를 별도로 선택하여(이벤트 발생) 저장하면 데이터가 잘 넘어가는데,
default로 설정한 점수에서 점수를 별도로 선택하지 않고 제목과 내용만 입력 후 저장하면 데이터가 넘어가지 않은 채 undefined로 콘솔에 확인이 됩니다.ㅠㅠ
 
간략하게는
제목, 내용, 점수 모두 지정해서 저장하면 잘 나옴. A
제목, 내용만 쓰고 디폴트 점수로 저장하면 점수가 undefined로 됨. 입니다! B
 
어디가 문제인지 하루종일 들여다봐도 문제를 찾을 수가 없어서 질문드려요ㅠㅠ
 

react javascript nodejs

답변 1

0

이정환 Winterlood

안녕하세요 피카부님!

강사 이정환입니다.

 

src/DiaryEditor.js의 55번째 라인을 보시면 다음과 같은 코드가 있는데요

 

setState시 ...state를 전달하고 있지 않아서 새로 생성된 객체가 기존 state의 값을 모두 덮어버립니다.

쉽게 말해서 author를 입력해 버리면, author, content를 제외한 emotion은 undefined으로 덮어씌워져버리는 것 인데요

 

이부분을 수정 해 주시면 됩니다.

개인적으로는 모든 Input의 onChange 이벤트 핸들러를 handleChangeState로 변경하시는 게 좋을 것 같습니다. 😀

0

peekaboo

복습할 때 바뀐 흐름? 본다고 강의 초반 내용 살려둔다는 게 저런 문제를 발생시켰네요ㅠㅠ

덕분에 이해했다고 생각했는데 놓친 부분까지 개념 잡을 수 있을 것 같아요. 감사합니다!!

Editor Component의 최적화 불가능 이슈

0

9

2

useCallback ⊂ useMemo

0

12

2

라이브러리 설치 질문

0

21

2

linter 질문

0

27

2

감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유

0

36

2

Sort 메서드 관련 아티클

0

40

2

4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.

0

40

2

html, body에 적용하는 css 스타일 질문입니다.

0

38

2

eslint.config.js 설정 질문입니다.

0

85

2

존재하지 않는 일기 url입력 시 alert이 두 번 떠요

0

64

1

교재(3쇄)와 강의 내용 문의

0

64

2

12.13) 하단 여백 스타일링 관련 질문 드립니다.

0

87

2

에러 질문드립니다

0

100

2

VSCode 설정 문의

0

130

2

PPT 코드 관련 질문

0

65

2

useEffect와 lifecycle문의

0

87

2

프론트엔드 학습 수준 문의

0

106

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

109

2

데이터 로딩중 화면만 계속 나와요!!

0

98

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

128

2

이후의 커리큘럼 문의

0

149

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

103

2

최적화 관련 질문있습니다 (useMemo 등)

0

126

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

124

3