Breaking News: Grepper is joining You.com. Read the official announcement!

Class Component

Deepika Sahu answered on December 19, 2022 Popularity 9/10 Helpfulness 4/10

answer Class Component

Class Component

Comment

import React, { Component } from "react";
 
class ClassComponent extends React.Component{
    constructor(){
        super();
        this.state={
            count :0
        };
        this.increase=this.increase.bind(this);
    }
     
   increase(){
       this.setState({count : this.state.count +1});
   }
 
    render(){
        return (
            <div style={{margin:'50px'}}>
               <h1>Welcome to Geeks for Geeks </h1>
               <h3>Counter App using Class Component : </h3>
               <h2> {this.state.count}</h2> 
               <button onClick={this.increase}> Add</button>
 
            </div>
        )
    }
}
 
export default ClassComponent;

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: www.geeksforgeeks.org

Tags: class whatever

Link to this answer
Share Copy Link