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
- 이친수
- npm #not being able to find a file #npm install Error
- useState #Hooks
- React-Query
- interceptors
- react #useCallback #react Hook
- #useRef #언제 쓰는데?
- 노마드 코더 #타입스크립트 #typescript #class
- axios
- donwstream #upstream #origin
- react fragment
- react
- html entities
- 플로이드 #c++
- 버블링 #갭쳐링 #이벤트 #JS
- 백준 #적록색약
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- RateLimit
- React #Hook rules #Hook 규칙
- DP #c++
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- 백준 #직각삼각형
- React #effect hook #useEffect
- 빡킹독
- 다익스트라 #파티 #백준
- 코드스테이츠 #알고리즘 #그리디
- raect typescript #react #typescript #styled-component
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- React #리액트 이벤트 주기 #리액트 이벤트
- rate limit
Archives
- Today
- Total
목록React #리액트 이벤트 주기 #리액트 이벤트 (1)
꿈꾸는 개발자
React 이벤트 처리하기
button click 이벤트 예시 export default function Button() { function handleClick() { alert('You clicked me!'); } return ( Click me ); } Inline 작성 방식(일반적으로 간단한 함수를 작성할 때 유용하다 화살표 함수 사용 { alert('You clicked me!'); }}> 주의점: JSX 내부에 작성되는 함수는 반드시 호출이 아닌, 함수의 reference를 전달해야 한다. 첫 번째는 react에게 button이 click될 때만 함수가 호출되도록 기억하게 한다. 두 번째 예시는 ()는 함수를 호출하기 때문에 rendering되는 과정에서 click이 발생하지 않았음에도 불구하고 함수 호출이 발생한다...
React.js
2023. 2. 22. 21:23