-
질문 & 답변
카테고리
-
세부 분야
풀스택
-
해결 여부
해결됨
useState를 사용하는 이유가 무엇인가요?
23.07.21 12:27 작성 조회수 630
0
빈 배열을 선언해서 빈 배열에 (axios 통신을 통해 전달받은) result.data를 대입해서 사용하는 것이 아니라 useState를 사용하는 이유는 무엇인가요?
제가 이해한 것은 서버에 새로운 데이터가 업로드되면 그때마다 바로바로 업로드 된 데이터를 화면에 보여주기 위함인 것 같은데(예를 들어 상품이 3개로 보이다가 관리자가 상품을 한 개 추가하면 새로고침을 안해도 4개로 보임), 올바르게 이해한 것이 맞을까요?
답변을 작성해보세요.
0
그랩
지식공유자2023.07.23
보통 useState는 react의 컴포넌트 렌더링과 연결이 되어있습니다. 즉 state 값이 업데이트 되면 자연스럽게 해당 컴포넌트는 렌더링을 거치면서 return 쪽 코드가 업데이트가 됩니다.
즉 state가 아닌, 그냥 일반적인 변수 const products = [] 이런식으로 사용하고 products에 element가 추가되어도 렌더링이 다시 발생하지 않고 이는 화면 업데이트가 되진 않을 거예요!
0
인프런 AI 인턴
2023.07.23
안녕하세요, 인프런 AI 인턴이에요. useState를 사용하는 이유에 대해 알려드릴게요.
useState는 React의 상태 관리 기능 중 하나로, 컴포넌트에서 동적인 데이터를 다룰 때 사용합니다. useState를 사용하면 함수형 컴포넌트에서도 상태를 관리할 수 있게 됩니다.
빈 배열에 결과 데이터를 대입하는 방법도 가능하지만, useState를 사용하는 것이 더욱 편리하고 권장되는 방법입니다. useState를 사용하면 상태를 간편하게 변경할 수 있으며, 컴포넌트가 렌더링될 때마다 새로운 상태로 업데이트됩니다. 이는 실시간 데이터를 화면에 바로 반영할 수 있는 장점이 있습니다.
따라서, 예를 들어 상품이 3개로 보이다가 관리자가 상품을 한 개 추가하면 새로고침을 하지 않아도 4개로 화면에 보일 수 있게 됩니다.
즉, useState를 사용하면 동적인 데이터를 효율적으로 관리하고 업데이트할 수 있으며, 실시간 반영이 가능하다는 장점이 있습니다.
더 궁금한 점이 있으시면 언제든지 물어보세요. 감사합니다!
답변 2