classAppextendsReact.Component{constructor(props){this.state={count:0}}onClick(e){this.setState({count:this.state.count+1});}render(){return(<div><h1>{this.state.count}</h1>{/* this is needed here */}<buttononClick={this.onClick.bind(this)}>Count Up!!</button></div>)}}
and after using React Hooks
importReact,{useState}from'react';functionExample(){// Declare a new state variable, which we'll call "count"const[count,setCount]=useState(0);return(<div><p>You clicked {count} times</p><buttononClick={()=>setCount(count+1)}>
Click me
</button></div>);}
Classical React example of Counter
and after using React Hooks
know more about react hooks.