Fix the following React component:

Question

Here is a component supposed to display a counter which increments when the button is clicked.

class Counter extends React.Component{
    constructor(){
        this.state={counter: 0};
    }
    
    increment(){
        this.setState({
            counter: this.state.counter++
        });
    }

    render(){
        return(
           <div>
               <p>{this.state.counter}</p>
               <button onClick={this.increment}>INCREMENT</button>
           </div>
        );
    }
}

What is(are) the problem(s)?

{this.state.counter}

); } } ``` What is(are) the problem(s)?

Accepted Answer

The `constructor` does not get the` props` and does not call `super(props)`.

Accepted Answer

When you click on the button, the application crashes

Accepted Answer

The `state` is incorrectly changed.

Answer

Any.

Answer

The component does not declare its `PropTypes`.

Question from the React (legacy) test

Fix the following React component: