hook2 [React] Effect Hook import React, { useState, useEffect } from 'react'; function Example() { const [count, setCount] = useState(0); // componentDidMount, componentDidUpdate와 같은 방식으로 useEffect(() => { // 브라우저 API를 이용하여 문서 타이틀을 업데이트 document.title = `You clicked ${count} times`; }); return ( You clicked {count} times setCount(count + 1)}> Click me ); } Effect Hook을 사용하면 함수 컴포넌트에서 side effect 를 수행할 수 있다. 데이터 가져오기, 구독설.. 2022. 4. 5. [React] State Hook * React 공식 홈페이지 글을 발췌하였습니다. Hook은 React 16.8에 새로 추가된 기능이며 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능 등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해준다. Hook 은 클래스형 컴포넌트에서는 동작하지 않는다. React 는 useState 같은 내장 Hook을 몇가지 제공하며 컴포넌트 간에 상태 관련 로직을 재사용하기 위해 직접 Hook을 만드는 것도 가능하다. 오늘은 State Hook에 대해서 정리해볼 것이다. State Hook import React, { useState } from 'react'; function Example().. 2022. 4. 5. 이전 1 다음