/Javascript/React/Reactjs lifecycle class components

Reactjs lifecycle class components

import React from 'react';
import ReactDOM from 'react-dom';
 
class Test extends React.Component {
    constructor(props)
    {
        super(props);
        this.state = { hello : "World!" };
    }
 
    componentWillMount()
    {
        console.log("componentWillMount()");
    }
 
    componentDidMount()
    {
        console.log("componentDidMount()");
    }
 
    changeState()
    {
        this.setState({ hello : "Geek!" });
    }
 
    render()
    {
        return (
            <div>
            <h1>GeeksForGeeks.org, Hello{ this.state.hello }</h1>
            <h2>
            <a onClick={this.changeState.bind(this)}>Press Here!</a>
            </h2>
            </div>);
    }
 
    shouldComponentUpdate(nextProps, nextState)
    {
        console.log("shouldComponentUpdate()");
        return true;
    }
 
    componentWillUpdate()
    {
        console.log("componentWillUpdate()");
    }
 
    componentDidUpdate()
    {
        console.log("componentDidUpdate()");
    }
}
 
ReactDOM.render(
    <Test />,
    document.getElementById('root'));

Source: geeksforgeeks.org

Similar codes

0 vote141 views1 answer
React native multiline cursor on first line
Javascript React
0 vote128 views2 answers
Storage package npm react
Javascript React
11 votes136 views4 answers
How to check for react version
Javascript React
0 vote135 views2 answers
React router dom link same page with different param
Javascript React
1 vote131 views2 answers
Use state reactjs
Javascript React
-2 votes115 views1 answer
Multiple image upload react
Javascript React
0 vote162 views1 answer
React-hook-form image
Javascript React
4 votes124 views3 answers
React js get screen size
Javascript React
1 vote127 views1 answer
How to populate a checkbox from an api react
Javascript React
0 vote120 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React