function tick(){
const element = (
<div>
<h1>{new Date().toLocaleString()}</h1>
</div>
);
ReactDOM.render(element, document.getElementById('root'));
}
setInterval(tick, 1000);
- new Date() : 메소드는 현재 날짜 및 시간을 반환한다.
- toLocaleDateString() : 날짜를 표시한다
- toLocaleTimeString() : 시간을 표시한다
- toLocaleString() : 날짜 + 시간을 표시한다
- setInterval : 일정 시간 간격을 두고 함수를 실행한다. (1000밀리초(millisecond) = 1초(second)
'FrontEnd > React' 카테고리의 다른 글
[React] Component 생성 (0) | 2021.09.05 |
---|---|
[React] state , Lifecycle (0) | 2021.08.24 |
[React] Components, Props (0) | 2021.08.20 |
[React] 리액트(React) (0) | 2021.08.17 |
[React] 구름(goorm) IDE를 이용한 리액트 구동 (0) | 2021.08.15 |