Clock

by Allie Yu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.6/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.6/umd/react-dom.production.min.js"></script>
<div id="root"></div>

Babel + JSX

class Clock extends React.Component{
	state = { time: ''};
  
  componentDidMount(){
  	setInterval(()=>{
    	this.setState({ time: new Date().toLocaleTimeString()})
    },1000)
  }
  
  render(){
  	return (
    	<div>
    	  The time is {this.state.time}
    	</div>
    )
  }
}

ReactDOM.render(
	<Clock />,
  document.getElementById('root')
)