Advertisement
karlakmkj

React (JSX) - Lifecycle methods 2

Feb 9th, 2021
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React from 'react';
  2. import ReactDOM from 'react-dom';
  3.  
  4. class Clock extends React.Component {
  5.   constructor(props) {
  6.     super(props);
  7.     this.state = { date: new Date() };
  8.   }
  9.   render() {
  10.     return <div>{this.state.date.toLocaleTimeString()}</div>;
  11.   }
  12.   componentDidMount() {    //add this method to see the clock update every second!
  13.     const oneSecond = 1000;
  14.     setInterval(() => {
  15.     this.setState({ date: new Date() });
  16. }, oneSecond);
  17.   }
  18. }
  19.  
  20. ReactDOM.render(<Clock />, document.getElementById('app'));
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement