[React]Hook 훅을 알아보자 !
리액트에서 훅을 사용하면 엄청 편리하다. 대표적인 몇개의 훅을 살펴보자. useEffect() - componentDidmount역할을 한다. 또한 componentDidUpdate의 역할도 한다. - 2개의 인자를 받는데, 첫 번째는 function으로써의 effect이다. 두 번째는 deps가 있다면 effect는 (deps)리스트에 있는 값일 때만 값이 변경하도록 활성화 된다. 위와 같은 코드에서 useEffect의 첫 번째 인자로는 함수가, 두 번째 인자로는 Array형태의 변경할 값을 적어주었다. 두 번째 값이 변경될 때 마다 첫 번째의 함수가 계속 실행이된다. 버튼을 클릭할 때 마다 console창에는 "hello"라는 것이 찍히게 된다. 즉, 버튼을 누를 때 number값이 변경되므로, sa..
React
2020. 11. 30. 22:49