728x90 Hook2 [React] React useState 공부하기! useState란? [ State ] 우선 State란 컴포넌트가 가질 수 있는 상태를 말한다. 사용자 인터랙션을 통해 컴포넌트의 상태값이 동적으로 변할 경우에는 상태를 관리하는 것이 필요하다. React 16.8버전부터 함수형 컴포넌트(Functional Component)에서도 상태(State)를 관리할 수 있게 되었다. 그것이 useState( )함수이다. 1. Import React Hooks의 useState는 컴포넌트의 state를 간편히 생성하고 업데이트 시켜줄 수 있게 해주는 도구를 제공한다. useState를 사용하기 위해선 먼저 React에서 useState를 import 받아야 한다. import { useState } from 'react'; 2. 변수 선언 state의 생성과 동시.. 2022. 8. 18. [React] React Hooks 공부하기! Hook이란? Hook은 React 버전 16.8부터 React요소로 새로 추가되었다. Hook을 이용하여 기존 Class바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있도록 만든 라이브러리이다. Function 컴포넌트를 Class 컴포넌트처럼 사용할 수 있다. Hook을 사용하면 컴포넌트로부터 상태 관련 로직을 추상화할 수 있다. Hook은 계층의 변화 없이 상태 관련 로직을 재사용할 수 있도록 도와준다. Hook의 규칙 1. 최상위에서만 Hook 호출 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하면 안된다. early return이 실행되기 전에 항상 React 함수의 최상위에서 Hook을 호출해야 한다. 잘못된 Hook 사용방법 export defaul.. 2022. 8. 13. 이전 1 다음 728x90
