마지막 user관련 예제에서요!
UserDetail의 초기화를 위해 key를 사용한다고 말씀해주셨는데요.
만약 로그인 정보가 바뀌면 user가 바뀌면서 속성값이 바뀌는거니까 key를 입력안해줘도 자연스럽게 초기화되는거 아닌가요..?!
답변 3
2
안녕하세요
말씀하신대로 속성값은 잘 바뀝니다
문제는 상태값인데요
UserDetail 안에서 사용자의 닉네임을 변경하는 UI 가 있었다고 가정해볼게요
그러면 input 요소가 있을 것이고 키보드로 입력하는 값을 관리하는 newNickname 이라는 상태값이 있을겁니다
key 속성이 없다면 newNickname 은 초기화되지 않아서 문제가 될 수 있습니다
0
1. key의 변동이 있어야 자식 컴포넌트가 unMount후에 다시 mount되서 newNickName 상태값이 초기화된다고 이해하면 될까요?
2. state가 업데이트되면 컴포넌트가 unMount된 후 다시 mount되도 최신의 state를 유지하는 경우를 보는 데
해당 컴포넌트에 key값을 새로 주면 unMount->mount시에 모든 상태값이 초기화되는 걸로 이해하면 될까요?
0
안녕하세요
1번: 맞습니다
2번: 첫 줄에서 말씀하신 내용은 이해를 못했습니다. 두 번째 줄에서 물어보신건 맞습니다
key 를 입력하지 않거나 key 값이 변하지 않으면 unmount 되지 않으므로 기존 state 가 계속 유지됩니다
0
답변 너무 감사합니다.
1. state가 변경된 후 컴포넌트가 리렌더링 되는 것은 컴포넌트가 unMount후에 다시 mount되는 과정이라 생각하면 될까요?
2. 이 때(컴포넌트 리렌더링시), 키 값이 변하면 state가 초기화. 그렇지 않으면 변경된 state를 유지하고 있다고 생각하면 될까요?
항상 강의 너무 감사합니다.
1
1번: 아니요. unmount 는 돔 요소가 삭제되는거라고 생각하시면 됩니다. 리렌더링은 업데이트하는 과정이므로 돔 요소를 삭제하지 않고 기존 것을 재활용합니다
2번: unmount 되면 state 가 초기화 된다고 생각하시면 될 것 같습니다
자동완성기능이 안되네요 ..
0
499
3
화면에 에러가나네요 ...
0
516
2
setValue 함수 질문 있습니다.
0
840
1
찾아야한다 실습 문의
0
469
1
훅 기초 익히기 - 배치 처리와 순차적 처리의 차이
0
470
1
cra, next.js 관련 질문 드립니다!
0
606
1
useState 배열 비구조화 문법 질문!
0
252
1
Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'
1
1081
2
Saga 오류 이거 혹시 왜이런지 알수 있을까요?
0
371
2
http://localhost:3001/user/search?keyword=u 이걸로 데이터를 보는데 저는 사이트에 연결할 수 없다고 나오네요
0
657
1
match
1
495
1
버튼이 생성되지 않습니다 .
0
288
1
혹시 import 옆에 파일 사이즈 표시 어떻게 하나요?
0
262
1
saga 문제
0
248
1
에러가 발생하는데 이유가뭘까요..?
0
388
2
선생님과 똑같이 했는데 다 rendering 됩니다.
0
203
1
컴포넌트와 컨테이너의 기준
0
316
1
커스텀훅의 개념과 함수차이
1
1198
1
useEffect 실전 활용법(1) 강의에서 질문있습니다.
0
338
1
리덕스, 사가파일들의 관리
0
207
1
useImperativeHandle 질문 입니다.
0
281
1
컴파일 문의드립니다.
0
203
1
React.memo 관련 질문이 있습니다.
0
373
1
Context API vs Redux 사용 빈도
0
213
1