220121

React hooks?

• calss 없이 state를 사용할 수 있는 기능
• Class Component → Functional Conponent

babel → 밑에 세 줄만 functional Component

왜 Class Component를 사용했나?

• React 16.8 이후 React hooks 도입 이전, 함수형 컴포넌트에서는 리액트 생명주기를 비롯해 중요한 기능들을 다루지 못함 → class component 사용
• 업데이트 이후에는 함수형에서도 생명주기, state, API 호출 등 다양한 기능을 사용하게됨 → hooks 배워
• 중복되거나, update가 필요한 부분을 간결하게 처리 가능.

• Class Component → componentDidMount, ComponentDidUpdate, componentWillUnmount 모두 다르게 처리
• React hooks(functional component) → useEffect 내부에서 모두 처리 가능

useEffect(() => {
	fetchList(id)
		.then((repos) => {
			setRepos(repos)
	})
}, [id])

그래서 구체적으로 어떻게 쓰는데?