JavaScript/React.js (1) 썸네일형 리스트형 [React JS] 리액트 setState의 원리 리액트에서 리렌더링을 어떻게 하는지, render() 함수로 처리하지 않고 자동으로 렌더링하는 방법을 알아보자. 리액트의 useState()는 계속해서 업데이트할 데이터와 그 값을 바꾸는 함수를 배열로 갖는다. 즉, React.useState(0)은 자바스크립트에서 다음과 같은 역할을 한다. 변수 counter에 0으로 값을 초기화한다. countUp 함수는 해당 counter 변수를 증가시킬 것이다. let counter = 0; function countUp() {} useState()의 배열을 자바스크립트의 비구조화할당 문법을 통해 새로운 변수로 할당해보자. useState는 [0]인덱스의 값에 데이터를 저장하고 [1] 인덱스에 데이터를 업데이트하는 함수를 갖고 있다. 어떤 값을 부여하던, set.. 이전 1 다음