언어/React.js

[react]useState() 상태업데이트

홍시_코딩기록 2023. 9. 26. 21:19
const [counter, setCounter] = useState(1);
...
setCounter(counter + 1);
const [counter, setCounter] = useState(1);
// ...
setCounter(prev => prev + 1);

위 아래 코드 모두 동일하게 작동되지만 아래 코드로 사용해야함

위 코드를 사용하면 상태가 예상과 다르게 업데이트 될 수 있으므로 이전 상태를 사용하는 게 좋음