useState

sjy·2022년 6월 29일
0

리액트공부

목록 보기
6/9

react에서는 데이터를 담을 때 JS에서 쓰던 변수를 사용 할 수 있고
let pet = "푸딩";
react-hook 중 하나인 state에 담을 수 있다.
const [ pet , setPet ] = useState("푸딩");

굳이 useState를 쓰는 이유는 무엇일까?
let으로 선언된 변수의 데이터가 바뀌었을 때 사용자의 화면에서는 변화(rerender)가 일어나지 않는다.
pet = "고양이 푸딩";
하지만 useState를 사용한 데이터가 바뀌게 되면 새로 출력되면서 바로 사용자가 확인을 할 수 있다.
setPet("고양이 푸딩");

바뀔 일이 거의 없거나 바뀔 때 rerender가 필요하지 않은 경우에는 변수를 선언하고
자주 바뀌가 되는 데이터의 경우 useState를 사용하자.

profile
수학과 코딩

0개의 댓글