Function Clock

04React/Day06/vite-project/src/Clock.jsx:4–20

()

import Counting from "./Counting";

function Clock(){

    const [clocks,setClocks] = useState(["A","B","C"]);
    
    function handlChange(){
        setClocks(["D",...clocks]);
    }

    return (
        <>
        <button onClick={handlChange}>Increment Clocks</button>
        <div style={{display:"flex", justifyContent:"center", alignItems:"center", gap:"20px", flexWrap:"wrap"}}>
            {clocks.map(clock => <Counting key={clock}  name={clock}></Counting> )}
        </div>
        </>
    )
}

export default Clock;