기본 예제 - 디지털 시계
<script src= "https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src= "https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com//babel.min.js"></script>
<div id="hz"></div>
<script type="text/babel">
function tick() {
const element = (<h1>{new Date().toLocaleTimeString()}</h1>);
ReactDOM.render(element, document.getElementById('hz'));
}
setInterval(tick, 1000);
</script>
결과보기
※ 몇 줄의 짧은 코드로 디지털시계 표현 가능.
React 배우기
https://homzzang.com/b/react