공부기록
공부기록, 2021-08-25(recoil useRecoilState)
이재연
2021. 8. 25. 09:15
- recoil useRecoilstate
- atom에서는 state, loadable에서는 state or conents snapshot 에서는 snapshot의 value에 접근하거나 value를 set 할 수 있는 함수를 불러올 수 있는 hook에 해당합니다.
하지만 우린 이들을 전역으로 관리하기 때문에, value만 필요한 컴포넌트도 있을 것이고, state를 변경하기만 하는 컴포넌트도 있을 것 입니다. 이를 위해 useRecoilState() 의 역할을 반으로 쪼개면(?)
useRecoilValue() 과 useSetRecoilState() 로 나눌 수 있겠습니다.
```
import { useRecoilValue, useSetRecoilState } from 'recoil';
import { cookieState } from '../../state';
const cookies = useRecoilValue(cookieState);
const setCookies = useSetRecoilState(cookieState
```
이는 위의 useRecoilState() 를 사용했을 때와 완전히 같은 역할을 하게 됩니다.
참고로 useResetRecoilState() 라는 hook도 있는데, 이 hook은 인자로 받아온 atom의 state를 default 값으로 reset 시키는 역할을 합니다.
const resetCookies = useResetRecoilState(cookieState);