useState를 사용하는 이유가 무엇인가요?
빈 배열을 선언해서 빈 배열에 (axios 통신을 통해 전달받은) result.data를 대입해서 사용하는 것이 아니라 useState를 사용하는 이유는 무엇인가요?
제가 이해한 것은 서버에 새로운 데이터가 업로드되면 그때마다 바로바로 업로드 된 데이터를 화면에 보여주기 위함인 것 같은데(예를 들어 상품이 3개로 보이다가 관리자가 상품을 한 개 추가하면 새로고침을 안해도 4개로 보임), 올바르게 이해한 것이 맞을까요?
답변 2
0
보통 useState는 react의 컴포넌트 렌더링과 연결이 되어있습니다. 즉 state 값이 업데이트 되면 자연스럽게 해당 컴포넌트는 렌더링을 거치면서 return 쪽 코드가 업데이트가 됩니다.
즉 state가 아닌, 그냥 일반적인 변수 const products = [] 이런식으로 사용하고 products에 element가 추가되어도 렌더링이 다시 발생하지 않고 이는 화면 업데이트가 되진 않을 거예요!
0
안녕하세요, 인프런 AI 인턴이에요. useState를 사용하는 이유에 대해 알려드릴게요.
useState는 React의 상태 관리 기능 중 하나로, 컴포넌트에서 동적인 데이터를 다룰 때 사용합니다. useState를 사용하면 함수형 컴포넌트에서도 상태를 관리할 수 있게 됩니다.
빈 배열에 결과 데이터를 대입하는 방법도 가능하지만, useState를 사용하는 것이 더욱 편리하고 권장되는 방법입니다. useState를 사용하면 상태를 간편하게 변경할 수 있으며, 컴포넌트가 렌더링될 때마다 새로운 상태로 업데이트됩니다. 이는 실시간 데이터를 화면에 바로 반영할 수 있는 장점이 있습니다.
따라서, 예를 들어 상품이 3개로 보이다가 관리자가 상품을 한 개 추가하면 새로고침을 하지 않아도 4개로 화면에 보일 수 있게 됩니다.
즉, useState를 사용하면 동적인 데이터를 효율적으로 관리하고 업데이트할 수 있으며, 실시간 반영이 가능하다는 장점이 있습니다.
더 궁금한 점이 있으시면 언제든지 물어보세요. 감사합니다!
[해결]그랩님 답변 주세요.
0
164
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
143
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
126
2
[재질문][그랩님 답변 부탁드립니다]101강
0
143
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
98
2
Ngrok 설치 후 forwarding Url 에러
0
133
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
220
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
137
1
그랩님,[꼭] 답변 부탁드립니다.
0
68
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
153
1
6강/7강 수업
0
52
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
99
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
136
2
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
89
1
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
130
2
일반적인 css 꾸미기에서 width와 height의 값?
0
93
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
196
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
121
1
react에 반영이 되지 않습니다.
0
241
1
터미널 npm install -g create-react-app 작성 후 오류
0
421
1
create-react-app my app 실행 시 에러
0
356
2
포스트맨 질문
0
100
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
261
2
그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.
0
479
2