useState (Hook)

https://ko.legacy.reactjs.org/docs/hooks-overview.html

Hook 개요 – React

 

 

state 란?

state는 변경되면 자동으로 재랜더링 된다. 

 

현재는

의 사용으로 1초마다 계속 업데이트 시켜주고 있음 

state를 사용하면 해당 작업을 안해도됨

 

 

 

 

App.js

 

 

 

 

time -> 현재시간 

setTime 

초기값

 

function TimeArea() {
  const [time, setTime] = useState(new Date().toLocaleString());

  setTimeout(function () {
    setTime(new Date().toLocaleString());
  }, 1000);

  return <p>현재 시간: {time}</p>;
}

 

 

index.jsp 

 

render는 한 번만 해줌 

 

화면 전체에서 

 

이 부분만 계속 리랜더링 된다.