Function CounterApp

src/01-useState/CounterApp.jsx:3–32

()

import { useState } from 'react';

export const CounterApp = () => {

    const [ state, setCounter] = useState({
        counter1: 10,
        counter2: 20,
        counter3: 30,
    });

    const { counter1, counter2, counter3 } = state;

  return (
    <>
        <h1>Counter1: { counter1 }</h1>
        <h1>Counter2: { counter2 }</h1>
        <h1>Counter3: { counter3 }</h1>

        <hr />

        <button 
            className="btn" 
            onClick={ 
                () => setCounter({
                    ...state,
                    counter1: counter1 + 1,
                })
            }>+1</button>
    
    </>
  )
}