equal
deleted
inserted
replaced
|
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 |