hook

hook은 리엑틍서 재공하는 Commpoment class의 내용을 함수형에서 사용하기 위해 함소형 컴포넌트에서 일부가 구현된 것을 말한다.

Hook은 React 버전 16.8부터 React 요소로 새로 추가되었습니다. Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다.

import React, { useState } from 'react';

function Example() {
// "count"라는 새로운 상태 값을 정의합니다.
const [count, setCount] = useState(0);

return (

<div>
  <p>You clicked {count} times</p>
  <button onClick={() => setCount(count + 1)}>
    Click me
  </button>
</div>

);
}
useState는 우리가 “Hook”에서 처음 배우게 될 함수입니다. 이 예시는 단지 맛보기에 불과합니다. 아직 이해되지 않아도 걱정하지 마세요!

다음 페이지에서 Hook에 대해 배울 수 있습니다. 이 페이지에서는 우리가 왜 Hook을 React에 추가했는지, 그리고 Hook이 애플리케이션을 작성하는 데 어떠한 도움을 주는지 설명할 것입니다.