Stateful Class Hook React

Question

How to make it work as an increment button:

import React, { Component } from 'react';
export default class Logon extends Component{
    constructor(props){
        super(props);
        this.state = {
            counter: 0
        }
    }
render(){   
        return(
               <button onClick={() => {this.state.counter = this.state.counter + 1}}> 
                       {this.state.counter}
               </button>
        );
 }

You need to be calling this.setState. This is covered in e.g. https://reactjs.org/tutorial/tutorial.html — jonrsharpe, Aug 31 '20 at 12:48

score 2 · Accepted Answer · answered Aug 31 '20 at 12:51

2

You need to call the `setState` to set the value of state in React.

<button onClick={() => {this.setState({counter: counter+1})}> 
   {this.state.counter}
</button>

Refer State in React js

answered Aug 31 '20 at 12:51

Alok Mali

2,821
2
16
32

Stateful Class Hook React

1 Answers1