State in react functional component

 import React, { useState } from 'react'

import './User.css'

const User = () => {

    const [data,setData] = useState(0)

    function updateData()

    {

        setData(data+1);

    }

    console.log("---------------");

  return (

    <div className='userDiv'>

        <h1>{data}</h1>

        <button onClick={updateData}>Update Data</button>

    </div>

  )

}

export default User;