useState 사용하기

react hooks중 하나인 상태 관리 useState 사용하기

 

import React, { useState } from 'react';

const App = () => {

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

    const increase = () => {
        setNumber(number+1);
    }

    const decrease = () => {
        setNumber(number-1);
    }

    return (
        <div>
            <p>{number}</p>
            <button onClick={increase}>+1</button>
            <button onClick={decrease}>-1</button>
        </div>
    )
}

export default App

 

값이 잘 오고 가고 있다!