일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 리액트 예제
- TDD
- SWIFT
- 이종호
- 자바스크립트
- 자바스크립트 자료구조
- hokidoki
- 힛잇
- jest
- data structure
- 자료구조
- 호키도키
- 계명대
- 리액트
- HTML
- 개발자
- 자스민
- 호키스
- IOS
- javascript
- Svelte
- react
- 스위프트
- queue
- 개발
- 비동기
- Hitit
- 스벨트
- 계명대 이종호
- hokeys
Archives
- Today
- Total
목록useState 비동기 (1)
Dog foot print
useState 조금 더 자세히 사용해보기
컴포넌트내에서의 상태 갱신 React를 접하는 이들이 가장 먼저 사용해보는 컴포넌트의 상태를 관리하는 Hook이다. 아래의 간단한 코드를 보자. 아래의 예제는 두개의 버튼을 두어, numb라는 값을 1씩 증가시키거나, 감소시킨다. import React from 'react' export default function App() { let numb = 0; return ( {numb} { numb += 1 console.log(numb) }}> Increase { numb -= 1 console.log(numb) }}> Decrease ) } 아래는 결과이다. 우리는 화면에 numb가 버튼의 클릭에 따라 갱신되기를 기대했지만, 화면에 갱신은 되지 않지만, 값은 실제로 변하고 있다. 함수형 컴포넌트에서 돔..
REACT
2023. 3. 23. 09:04