[React.js] Hooks - useState , Map - 리스트 key

카테고리 : Development
태그: development · reactjs · useState · map · key · 리스트 · hooks

Hook이란?

Hook을 사용하는 규칙

최상위(at the Top Level)에서만 Hook을 호출해야함 반복문, 조건문 혹은 중첩된 함수 내에서 Hook을 호출하지 말아야함. 대신 early return이 실행되기 전에 항상 React 함수의 최상위(at the top level)에서 Hook을 호출해야함.

오직 React 함수 내에서 Hook을 호출해야함

  • React 함수 컴포넌트에서 Hook을 호출한다.
  • Custom Hook을 사용해서 Hook을 호출한다.

https://ko.reactjs.org/docs/hooks-state.html

Using the State Hook – React

A JavaScript library for building user interfaces

리스트와 Key

  • Key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕는다.
  • key는 엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 엘리먼트에 지정해야 합니다.

https://ko.reactjs.org/docs/lists-and-keys.html