/Javascript/React/React tutorial componentDidMount() componentWillUnmount()

React tutorial componentDidMount() componentWillUnmount()

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    this.setState({
      date: new Date()
    });
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

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

Source: reactjs.org

Similar codes

2 votes146 views1 answer
React-moralis
Javascript React
0 vote166 views1 answer
React router path array
Javascript React
1 vote149 views1 answer
React native "modalize" above bottom navigation
Javascript React
0 vote139 views1 answer
React fetch data in for loop
Javascript React
0 vote147 views2 answers
React toastify dark mode
Javascript React
0 vote144 views1 answer
Reference hook in react
Javascript React
-1 vote145 views1 answer
Get height component react
Javascript React
0 vote141 views1 answer
Error: Error: Unable to resolve module `react-native-gesture-handler` from `node_modules\@react-navigation\native\lib\module\Scrollables.js`: react-native-gesture-handler could not be found within the project.
Javascript React
0 vote171 views1 answer
How to made disktop program on react website
Javascript React
0 vote131 views1 answer
React native scrollview scrollto()
Javascript React