[React] state와 리렌더링
·
📝 Study/React
✅ 왜 state가 필요한가?HTML이나 React에서 UI는 기본적으로 정적인 구조이다.그런데 UI는 사용자 입력, 네트워크 응답, 타이머 등 외부 자극에 따라 바뀌어야 한다.버튼을 클릭하면 숫자가 증가해야 함로그인하면 사용자 이름이 보여야 함서버에서 데이터를 받아오면 리스트가 바뀌어야 함 수동 렌더 방식상태가 바뀔 때마다 직접 함수를 호출하여 수동으로 렌더링을 할 수도 있다.let count = 0;function handleClick() { count++; document.getElementById("value").textContent = count;}이 방식을 이용하면 렌더 타이밍을 판단하고 값을 추적해야한다. 또한 DOM을 수동으로 조작한다.만약 count에 의존하는 다른 UI 요소나 로직이..