React Hook

React Hook: 함수형 컴포넌트에서도 상태관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect등의 기능 제공. 

 

1.useState

 가장 기본적인 Hook, 함수형 컴포넌트에서 상태를 관리해야 되는일이 생기면 이 hook을 사용.

기본값은 ""이고 함수가 호출되고 나면 배열을 반환한다. 첫번째 title은 상태 값이고, setTitle은 상태를 설정하는 함수이다. 이 함수에 파라미터를 넣어서 호출하게 되면 전달 받은 파라미터로 값이 바뀌게 되고 컴포넌트는 리렌더링된다.

2.useEffect

 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행하도록 설정 할 수 있는 hook이다. 클래스형 컴포넌트의 componentDidMout와 componenetDidUpdate를 합친형태와 비슷하다.

-useEffect에서 설정한 함수가 컴포넌트가 가장 처음 렌더링 될 때만 실행되고, 업데이트 할 경우에는 실행 할 필요가 없는 경우엔 []을 넣어주면된다.

-useEffect를 사용 할 때 특정 값이 변경이 될 때만 호출하게 하고 싶을 때는 []안에 검사하고 싶은 값을 넣어주면 된다.