코딩쌀롱
2021.6.14(mon)_Back to basics..REACT 본문
✱Hook의 규칙
- 최상위(at the Top Level)에서만 Hook 호출!
- 오직 React 함수 내에서 Hook 호출! ( 컴포넌트 함수, 커스텀훅)
✱useEffect에서 async 함수 사용하기
- async 함수는 promise 객체를 반환.
- 첫 번째 인자인 부수 효과 함수는 함수만 반환할 수 있다.
- 반환된 함수는 부수 효과 함수 호출 직전, 컴포넌트가 사라지기 직전에 호출된다.
- useEffect에서 async 함수를 사용하려면 useEffect 내에서 async 함수를 만들어서 호출해야 한다.
✱mount와 render의 차이
- 맨 처음 컴포넌트가 렌더될 때 mount,
- props, state가 변경되어 리렌더링될 때는 mount가 아니라 render
참고📚
리액트 공식문서 - Hook의 규칙
블로그 - useEffect 훅에서 async await 함수 사용하기
'회고 > 하루 기록' 카테고리의 다른 글
2021.6.17(thu)_dataset (0) | 2021.06.18 |
---|---|
2021.6.16(tue)_커스텀훅, url 이동, jwt 디코드, 비밀번호 input 커스텀 시도 (2) | 2021.06.16 |
2021.5.30(sat)_window.location.search (0) | 2021.05.30 |
2021.5.27(thu)_TypeScript + React, 달력만들기 (0) | 2021.05.28 |
Comments