목록리액트 useState (1)

윤제니

React - useState Update

useState 사용 시 주의할 점 App.js import { useState } from 'react'; export default function Counter() { const [number, setNumber] = useState(0); return ( {number} { setNumber(number + 1); setNumber(number + 1); setNumber(number + 1); }}>+3 ) } 위의 "+3" 버튼을 클릭하면 호출 횟수에 관계없이 이벤트 핸들러 내부 number 값은 항상 0 setNumber(1)이 계속 호출이 되는것이다. => 리액트는 이벤트를 일괄 처리하지 않으며 별도로 처리된다. "+3"버튼을 클릭할 때마다 number 값은 1,2,3... 이렇게 1씩 숫..
React 2024. 1. 29. 17:11
이전 Prev 1 Next 다음