client/src/components/Clock.js
changeset 21 284e866f55c7
child 28 abf9f3ff2635
equal deleted inserted replaced
20:a8300ef1876e 21:284e866f55c7
       
     1 import React, { Component } from 'react';
       
     2 import { Label } from 'react-bootstrap';
       
     3 import moment from 'moment';
       
     4 
       
     5 class Clock extends Component {
       
     6 
       
     7   state = {
       
     8     time: moment().format('H:mm:ss'),
       
     9   }
       
    10 
       
    11   componentDidMount() {
       
    12     setInterval(() => {
       
    13       const time = moment().format('H:mm:ss');
       
    14       this.setState({ time });
       
    15     }, 1000);
       
    16   }
       
    17 
       
    18   render() {
       
    19     return (
       
    20       <Label bsStyle="info">{ this.state.time }</Label>
       
    21     );
       
    22   }
       
    23 }
       
    24 
       
    25 export default Clock