React의 Hooks중 하나인 useState는
상태(state)를 관리하는 코드이다.
1. useState란?
- useState는 React의 상태 관리 훅으로, 함수형 컴포넌트에서 상태를 선언하고 관리한다.
- 상태는 컴포넌트의 데이터나 UI의 상태를 의미하며, 상태가 변경되면 해당 컴포넌트가 다시 렌더링된다.
2. 배열 비구조화 할당
-
const [teㅌt, setText]는 배열 비구조화 할당(Array Destructuring)문법을 사용한 것
이 문법은 배열의 요소를 개별적인 변수로 추출하는 방법이다. -
useState는 배열을 반환하는데, 첫 번째 요소는 현재 상태의 값이고,
두 번째 요소는 상태를 업데이트하는 함수이다.
각 요소의 의미
-
text:
현재 상태의 값을 저장하는 변수
이 변수는 컴포넌트가 렌더링될 떄마다 현재 상태를 참조 -
setText:
text상태를 업데이트하는 함수
이 함수를 호출하여 상태를 변경할 수 있다.
예를들어 setText('새로운 값')과 같이 호출하면 test의 값이 '새로운 값'으로 변경되고,
이로인해 컴포넌트가 다시 렌더링된다.
