[React] Hook

2022. 2. 8. 17:59·React/이론
목차
  1. Hook??
  2. Hook의 특징??
반응형

Hook??

Hook은 React 16.8 버전에서 새로 추가되었다. Hook 은 클래스 컴포넌트를 작성하지 않아도

상태 값과 여러 React의 기능을 사용할 수 있다.

즉, 함수형 컴포넌트에서 React state와 생명주기(lifecycle features)를 연동할 수 있게 해주는 함수

Hook의 특징??

  • 선택적 사용 : 기존의 코드를 다시 작성할 필요 없이 일부의 컴포넌트들 안에서 Hook을 사용할 수 있다.
    하지만 Hook이 필요 없는 상황이라면 굳이 Hook을 사용할 필요는 없다!
  • 100% 이전 버전과의 호환성 : Hook은 호환성을 깨뜨리는 변화가 없다!
  • 현재 사용 가능 : Hook은 리액트 v16.8.0에서 사용할 수 있다.
반응형
저작자표시 비영리 변경금지 (새창열림)

'React > 이론' 카테고리의 다른 글

[React] 비동기 작업(콜백 함수, Promise, async, await)  (0) 2022.02.08
[React] ref란?  (0) 2022.02.08
[React] React-lifecycle  (0) 2022.02.08
[React] JSX란?  (0) 2022.02.08
[React] SPA(Single Page Application)란?  (1) 2022.02.08
  1. Hook??
  2. Hook의 특징??
'React/이론' 카테고리의 다른 글
  • [React] 비동기 작업(콜백 함수, Promise, async, await)
  • [React] ref란?
  • [React] React-lifecycle
  • [React] JSX란?
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    redux
    리얼클래스
    바질 키우기
    영어독학
    javascript
    next.js
    프로그래머스
    리액트
    typescript
    영어회화
    react
    리얼학습일기
    ChatGPT
    Babel
    Node.js
    타입스크립트
    식물
    다이소
    자바스크립트
    네트워크
    네이버 부스트캠프
    CCNA
    Docker
    알고리즘
    덤프
    타일러영어
    바질
    ReactNative
    webpack
    CSS
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[React] Hook

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.