Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 개발자를 위한 글쓰기 가이드
- Effective Typescript
- 테오의 스프린트
- 이펙티브타입스크립트
- 회고
- framer-motion
- 코드트리
- 개발자 원칙
- CSS방법론
- framer
- 캐나다취준
- JUNCTION2023
- VS Code
- 시스템디자인
- JSBridge
- 타입스크립트
- typescript
- CSS
- Semantic Versioning
- 캐나다개발자
- React-Router-Dom
- react
- 글또 10기
- Framer motion
- TS
- 글또
- SemVer
- 알고리즘
- useState
- ASP.NET
Archives
- Today
- Total
목록useState (1)
큰 꿈은 파편이 크다!!⚡️
setState가 비동기인 이유?
setState했는데 값이 안바뀐다? export default function App() { const [count, setCount] = useState(0); const onAdd = () => { setCount(count + 1); console.log(count); }; return ( {count} +1 ); } 위 코드를 실행해보면, 화면에 나타나는 count는 정상적으로 1이지만, 콘솔 창에는 0이 출력된다. 단순히 화면을 리렌더링 하는데에는 문제가 없지만 아래와 같이 setState 이후 상태값을 바로 다른 로직에 사용하면 원하지 않는 결과를 맛보게 된다. export default function App() { const [count, setCount] = useState(0); co..
Web FE
2021. 9. 23. 10:14