STUDY/[ React ]

useState

Lim임 2025. 9. 11. 15:38

useState는 const로 선언된 변수값을 변경할 수 있게 해주는 함수임!!!!  
걍 let으로 선언하는거랑 똑같음


왜 let이 아니라 useState로 선언하냐면 
useState로 선언해야 리액트가 변수값이 변경된걸 인지하고 화면을 다시 그려줌 


let으로 선언하면 변수값이 변경되어도 리액트가 인지하지 못해서 화면이 다시 그려지지 않음 

useState는 배열을 반환함
배열의 첫번째 요소는 변수값, 두번째 요소는 변수값을 변경할 수 있는 함수임 
useState의 인자로는 변수의 초기값을 넣어줌


예를 들면  

const [inputValue, setInputValue] = useState(""); 에서

inputValue는 상태값임 inputValue라는 state를 만들고 

setInputValue라는 state를 변경하는 함수

("")문자열초기값으로 두고 사용하게 되는 거임

const [inputValue, setInputValue] = useState("");