atomFamily

atomFamily

1. atomFamily

 - Recoil에서 제공하는 중요한 개념 중 하나로, 동적으로 생성되는 상태를 처리하는 데 사용

 - 동적으로 생성되는 상태에 대한 일반적인 패턴을 쉽게 구현 가능

 

2. 사용방법

import { atom, atomFamily } from 'recoil';

// atomFamily를 사용하여 동적으로 생성된 상태를 정의
const noAtomFamily = atomFamily({
  key: 'noAtomFamily', // 고유한 키를 제공
  default: (no) => no, // 상태의 기본값을 설정
});

// atomFamily를 사용하여 여러 상태를 생성
const noAtom1 = noAtomFamily('no1');
const noAtom2 = noAtomFamily('no2');
const noAtom3 = noAtomFamily('no3');

// 이제 각각의 동적 상태를 사용가능

 

'Front-End Study > React' 카테고리의 다른 글

Router  (0) 2023.09.05
Recoil Persist  (0) 2023.09.04
Atoms  (0) 2023.09.01
Recoil  (0) 2023.09.01
useCallback  (0) 2023.08.11