[React]리액트 Hook 이란 /특징 /

 

---

HOOK 이란 

 

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을 사용할 필요는 없습니다.
• 100% 이전 버전과의 호환성 Hook은 호환성을 깨뜨리는 변화가 없습니다.
• 현재 사용 가능 Hook은 배포 v16.8.0에서 사용할 수 있습니다.

원본 소스르 망가 뜨리지 않고 코드를 작성 할 수 있다.

 

 

 

 

 

ko.reactjs.org/docs/hooks-intro.html

Hook의 개요 – React

---