Hooks

Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해줍니다

<aside> ⌨️ 훅을 사용 시 지켜야 할 규칙

</aside>

• 하나의 컴포넌트에서 훅을 호출하는 순서는 항상 같아야 한다.
• 훅은 함수형 컴포넌트 또는 커스텀 훅 안에서만 호출되어야 한다.

이 두 규칙을 지켜야 각 훅의 상태를 제대로 기억할 수 있다.

useState

state(컴포넌트에서 동작인 값)을 대체 할 수 있다.

useState는 함수형 컴포넌트에서 가변적인 상태를 관리 할 수 있게해준다.

하나의 변수 처럼 활용 가능

import React, { useState } from 'react';

const [value, setValue] = useState(초기값);