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 |