React lifecycle hooks

Lifecycles if reactjs

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

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

Source: reactjs.org

Components react to hooks

import React, { useState } from 'react';
function Example() {
  // Declare a new state variable, which we'll call "count"  const [count, setCount] = useState(0);
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

-1

Source: reactjs.org

React lifecycle hooks

class Content extends React.Component {
  // ...
  componentWillMount() {
    this.setState({ activities: data });
  }
  // ...
}

-1

Source: newline.co

Similar codes

2 votes388 views2 answers
Get value of Autocomplete react
Javascript React
1 vote394 views1 answer
New line in p tag react
Javascript React
15 votes352 views2 answers
React native location
Javascript React
1 vote408 views1 answer
React native metro api level 30
Javascript React
4 votes381 views2 answers
React get url params in class component
Javascript React
13 votes393 views4 answers
Passing data in react router history,push
Javascript React
17 votes406 views5 answers
How to run react native app
Javascript React
5 votes384 views1 answer
React native backgrunde img
Javascript React
0 vote348 views1 answer
Remove unused dependencies in React Ask Question
Javascript React
0 vote367 views1 answer
How to add icon in react js
Javascript React