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 |
Tags
- React #Hook rules #Hook 규칙
- 노마드 코더 #타입스크립트 #typescript #class
- #useRef #언제 쓰는데?
- npm #not being able to find a file #npm install Error
- raect typescript #react #typescript #styled-component
- React-Query
- React #리액트 이벤트 주기 #리액트 이벤트
- DP #c++
- RateLimit
- html entities
- 백준 #적록색약
- 플로이드 #c++
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- 코드스테이츠 #알고리즘 #그리디
- 이친수
- rate limit
- 빡킹독
- React #effect hook #useEffect
- 다익스트라 #파티 #백준
- react fragment
- react #useCallback #react Hook
- 버블링 #갭쳐링 #이벤트 #JS
- react
- 백준 #직각삼각형
- axios
- donwstream #upstream #origin
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- useState #Hooks
- interceptors
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
Archives
- Today
- Total
목록React #controlled component #비제어 컴포넌트 #제어 컴포넌트 (1)
꿈꾸는 개발자
React Form(제어 컴포넌트 VS 비제어 컴포넌트)
HTML Form element 자체가 내부 상태를 가짐 => React의 다른 DOM element와 다르게 동작을 한다 Name: 위 form은 제출하는 순간 새로운 page로 이동하는 기본 HTML form 동작을 수행함 => React에서도 동일한 목적으로 사용할 경우 그냥 쓰면 됨 => 하지만, 보통 제출한 후 사용자가 입력한 데이터에 접근하는 것을 목적으로 하기 때문에 표준 방식인 제어 컴포넌트(controlled components)를 사용해야 함 제어 컴포넌트 (Controlled Component) HTML에서 input,textarea, select와 같은 Form element들은 사용자의 입력을 기반으로 state를 관리/업데이트 한다 => React state를 관리할 때 "신뢰 ..
React.js
2023. 2. 4. 15:22