기본 예제 - 디지털 시계
<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> 결과보기
<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