/Javascript/React/React Class components LifeCycles

React Class components LifeCycles

Implementing state lifecycle in react class component

class Example extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0
    };
  }

  componentDidMount() {
    document.title = `You clicked ${this.state.count} times`;
  }
  componentDidUpdate() {
    document.title = `You clicked ${this.state.count} times`;
  }

  render() {
    return (
      <div>
        <p>You clicked {this.state.count} times</p>
        <button onClick={() => this.setState({ count: this.state.count + 1 })}>
          Click me
        </button>
      </div>
    );
  }
}

Source: reactjs.org

React Class components LifeCycles

1) componentDidMount() {}
2) componentDidUpdate(prevProps, prevState, snapshot) {}
3) shouldComponentUpdate(nextProps, nextState) {}
4) componentWillUnmount() {}

Source: medium.com

Similar codes

0 vote289 views2 answers
React refresh page not found
Javascript React
1 vote369 views1 answer
Have flat list automatically wrap react native
Javascript React
16 votes312 views1 answer
How to insern an image in react
Javascript React
142 votes620 views5 answers
Install react
Javascript React
2 votes382 views3 answers
React reset file input
Javascript React
0 vote400 views1 answer
Why is this undefined in react
Javascript React
21 votes358 views3 answers
Map function in react
Javascript React
0 vote373 views1 answer
How to add a key in a react element
Javascript React
1 vote352 views1 answer
React router last page
Javascript React
0 vote394 views1 answer
React native use route undefined
Javascript React