수민·2022년 11월 25일
0

프론트엔드

목록 보기
44/48


import React, { useState } from "react";

// Number => 0

function Counter(){


    const[number,setNumber]=useState(0);

    const clickme=()=>{
        setNumber(number+1);
    }
    //
    
    update
     const clickme=()=>{
        setNumber(prevNumber=>prevNumber+1);
    }
     
     
     
     
     
    const climeDown=()=>{
        setNumber(number-1);
    }
    
     const climeDown=()=>{
        setNumber(prevNumber=>prevNumber-1);
    }
    return(
        <>
        <h1>{number}</h1>
        <button onClick={clickme}>+1</button>
        <button onClick={climeDown}>-1</button>
        </>
    )
}
export default Counter;



profile
헬창목표

0개의 댓글