state in class component in react

 import React, { Component } from "react";

import './User';

class StateClassComponent extends Component{

    constructor()

    {

        super()

        {

            this.state = {

                data:"Hera"

            }

        }

    }

    apple() {

        this.setState({data:"Pro-Hacker"})

    }

    render()

    {

        return (

            <div className='userDiv'>

                <h1>state in class component in react</h1>

                <h2>{this.state.data}</h2>

                <button onClick={()=>this.apple()}>Update Data</button>

            </div>

        )

    }

}

export default StateClassComponent;