DigitMagazine

Component in Preact

Apr 20th, 2018
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.64 KB | None | 0 0
  1. class Clock extends Component {
  2. constructor() {
  3. super();
  4. // set initial time:
  5. this.state.time = Date.now();
  6. }
  7. componentDidMount() {
  8. // update time every second
  9. this.timer = setInterval(() => {
  10. this.setState({ time: Date.now() });
  11. }, 1000);
  12. }
  13. componentWillUnmount() {
  14. // stop when not renderable
  15. clearInterval(this.timer);
  16. }
  17. render(props, state) {
  18. let time = new Date(state.time).toLocaleTimeString();
  19. return <span>{ time }</span>;
  20. }
  21. }
  22. // render an instance of Clock into <body>:
  23. render(<Clock />, document.body)
Add Comment
Please, Sign In to add comment