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

1 vote190 views1 answer
Responsive calc height react native
Javascript React
0 vote202 views1 answer
React native unexpected token '<'
Javascript React
0 vote217 views1 answer
Stop playing music when page is closed react
Javascript React
65 votes200 views6 answers
Route react
Javascript React
23 votes253 views6 answers
React hooks useeffect
Javascript React
17 votes281 views3 answers
React canvas clear
Javascript React
10 votes211 views2 answers
React-native text overflow ellipsis
Javascript React
2 votes191 views2 answers
React google maps
Javascript React
6 votes194 views2 answers
React native indicator
Javascript React
0 vote198 views1 answer
Exemple de modal reactjs
Javascript React