React에서 상태를 사용한 카운터
버튼 클릭 횟수를 세는 카운터를 만들어 봅시다:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
핸들러 함수를 익명 화살표 함수로 대체하여 제거할 수 있습니다:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
상태에 숫자가 저장되어 있다고 가정합니다. 이 숫자를 단락(paragraph)에 출력하세요. 버튼을 두 개 만드세요. 첫 번째 버튼은 숫자를 1 증가시키고, 두 번째 버튼은 1 감소시킵니다.
