728x90
value만 불러오고 싶을때 => useRecoilValue
value와 변경 함수를 둘다 얻고 싶으면 => useRecoilState hook
const value = useRecoilValue(toDoState);
const modFn = useSetRecoilState(toDoState);
const [value, modFn] = useRecoilState(toDoState);
selector는 atom의 output을 변형시키는 도구이다.
selector는 state를 가져다가 뭔가를 return 할거다.
selector에는 key와 get function이 필요하다.
get function은 인자로 객체를 받는데, 그 객체에는 get function이 들어가 있다.
get function이 있어야 atom을 받을수 있다.
(get function을 이용하면 selector의 내부로 atom을 가지고 올수있다.)
selector는 atom을 받아서 그 atom을 변형하는거다.
selector는 state를 가져다가 원하는대로 모습을 변형시킬수 있는 도구다.
728x90
'부트캠프교육중 > react' 카테고리의 다른 글
[React] React.memo (0) | 2023.09.08 |
---|---|
[React] Recoil 정리 (0) | 2023.09.05 |
[React] Ts+eslint+prettier 기초셋팅설정 (0) | 2023.08.29 |
[React] TypeScript + eslint + prettier 중 발생한 오류 해결 (0) | 2023.08.28 |
[React] recoil적용하기 (1) | 2023.08.27 |