리액트 매초 현재 시간 출력하기

[이준영]

리액트에서 캘린더프로젝트를 만들고 있습니다.

function Calendar() {
   
    
   
        var dt = new Date();
        var year = dt.getFullYear();
        var month = dt.getMonth()+1;
        var date = dt.getDate();
        var day = dt.getDay();
        var hour = dt.getHours();
        var min = dt.getMinutes();
        if (month < 10) {
            month = '0' + month;
        } else {
            month = month;
        }
        
        var nowTime = hour+'시'+' '+min+'분'
     
    }
    그리고 return에

<div className="nowTime">
             {nowTime}       
 </div>

이렇게 쓰면 몇시 몇분인진 나오지만 새로고침을 해야 즉각적인 시간이 나옵니다. 혹시 어떻게 해결할 수 있을지 여쭈어보고싶습니다.

제 생각은 setInterval을 써야하나 싶은데 맞는지 모르겠습니다.

[codingapple]

1초마다 컴포넌트를 재렌더링 시키거나 그러면 됩니다

nowTime을 state로 만들면 재렌더링시키기 편리하겠군요 

1초마다 코드실행하고 싶으면 setInterval 쓰면 됩니다 

[글쓴이]

글