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 함수 사용하기