일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 스벨트
- 호키스
- 계명대
- 리액트
- hokeys
- data structure
- 자바스크립트
- Svelte
- TDD
- javascript
- Hitit
- 자바스크립트 자료구조
- 비동기
- 개발
- jest
- 리액트 예제
- 자스민
- 자료구조
- IOS
- 힛잇
- 호키도키
- 이종호
- queue
- hokidoki
- 스위프트
- 계명대 이종호
- react
- 개발자
- SWIFT
- HTML
Archives
- Today
- Total
목록react 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