useStatehook

 import React,{useState} from 'react'

export default function Hook1() {

    let initialvalue=0;

    const[count,setCount]=useState(initialvalue);

    const[fruit,setFruit]=useState('mango');

    const increment=()=>{

        setCount(prevcount=>prevcount+1);

setFruit('apple');

    }

    const decrement=()=>{

        setCount(prevcount=>prevcount-1);

        setFruit('mango');

    }

    return (

        <div>

            {count}{fruit}

            <button onClick={increment}>click</button>

            <button onClick={decrement}>click</button>

        </div>

    )

}

,.............................................................................................................

.................................................................................................................

import React,{useState} from 'react'

export default function Hook2() {

    const[state,setState]=useState({count:0,fruit:'mango'});

    //array destructuring javascript

const count=state.count;

const fruit=state.fruit;

//..............

//arrow function

const increment=()=>{

setState(prevstate=>{

    return {...prevstate,count:prevstate.count+1,fruit: 'apple'}

})

}

const decrement=()=>{

    setState(prevstate=>{

        //spread operator and rest operator..

        return {...prevstate,count:prevstate.count-1,fruit: 'mango'}

    })

    }

    return (

        <div>

            {/* {state.count} */}

            {count}

            {fruit}

            <button onClick={increment}>increment</button>

            <button onClick={decrement}>Decrement</button>

        </div>

    )

}

..................................................................