Frontend/React

react - hook

Creative_Lee 2021. 6. 4. 19:26

강의를 보면서 따라하던 중 useState, useHistory , useParams 라는 훅을 사용하면 해결됩니다.... 라며

자꾸 훅 훅 하는게 아니겠는가?

'훅' 이게 대체 무엇인가 검색해봤다.

component에는 class형 과 function형 두가지가 있다는 것은 알고 있었다.

class형이 먼저 만들어졌고 그 이후 버전에서 function형이 추가됐다던지 뭐 그런식

 

그래서 ?  훅이 뭐냐구...

function component 에서도 class component의 기능을 사용할 수 있게 해주는 스킬 이라고 한다.

또한 이것을 사용하야

function component 에서도 component 상태값을 관리할 수 있고 컴포넌트 생명 주기 함수도 사용할 수 있게 해준단다.

 

전자는 알겠는데... 후자는 무슨말인지 전혀 모르겠더라.

다시한번 검색... ing

 

찾았다.

 

상태값 관리 가능은 useState 훅과 관련있고생명 주기 함수사용 가능은 useEffect 훅과 관련있다고 한다.

 

이와 관련된 class형과 function형의 상관관계는 추후에 알아볼랜다.

 

function component 에서도 class component의 기능을 사용할 수 있게 해주는

hook에게 감사인사 오지게 박는다     ( . _. )   

 

 

 

 

 

 

 

'Frontend > React' 카테고리의 다른 글

react - styled-components  (0) 2021.06.08
react - useParams  (3) 2021.06.04
react - Switch  (0) 2021.06.01
react - useHistory  (0) 2021.06.01
react - exact path  (0) 2021.05.26