렌더링질문
강의 12:13 부분에서 setProducts(products)로 인해서 products가 업데이트됐고, state업데이트되서 다시 렌더링이 일어나는 구조가 계속 반복되는데
Q1 ) 코드가 다시 렌더링 일어날 때, function MainPage() 함수의 처음부분 const [products, setProducts] = React.useState([]); 부터 맨 끝까지 업데이트가 되는건가요?
Q2) 강의에서 setProduct부분에서 다시 렌더링이 반복된다고 했는데
처음부터 setProducts(product)부분까지만 반복되고 맨 위로 다시 가는 구조라면, 아래 부분 코드-이미지들이 어떤 구조로 출력되는건가요?
답변 1
1
렌더링에서 state를 선언되는 부분은 재실행되지 않습니다! react에서 내부적으로 요건 재실행이 안되게 처리를 해둔다고 보시면 됩니다.
처음에 setProducts가 호출되려면 network 요청이 끝난 이후에 동작하게 됩니다(앞에서 배웠던 비동기 처리). 그리고 네트워크 요청이 처리되는 동안 return 구문이 먼저 호출되게 됩니다. 그리고 setProducts가 다시 된 후 state가 변경되면 products가 업데이트된 상태로 return쪽이 다시 호출되면서 화면이 업데이트된다고 보시면 됩니다!
[해결]그랩님 답변 주세요.
0
194
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
167
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
140
2
[재질문][그랩님 답변 부탁드립니다]101강
0
164
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
121
2
Ngrok 설치 후 forwarding Url 에러
0
152
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
259
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
159
1
그랩님,[꼭] 답변 부탁드립니다.
0
78
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
163
1
6강/7강 수업
0
56
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
106
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
150
2
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
96
1
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
136
2
일반적인 css 꾸미기에서 width와 height의 값?
0
99
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
205
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
127
1
react에 반영이 되지 않습니다.
0
254
1
터미널 npm install -g create-react-app 작성 후 오류
0
430
1
create-react-app my app 실행 시 에러
0
358
2
포스트맨 질문
0
105
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
271
2
그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.
0
499
2