Recoil 사용 연습하기 - 2

 

 

 

atom 의 value를 감지하기 위해서 useRecoilValue 

const isDark = useRecoilValue(isDarkAtom);

useRecoilValue 가 atom 을 넣으면 atom 값을 반환한다.

 

atom 의 value set하기 위해 useSetRecoilState(Atom) 

이렇게 하면 setter function 받을 수있음

 

  const setterFn = useSetRecoilState(isDarkAtom);

 

atom 을 받아서 atom 을 변경하는 함수를 반환 

setState 처럼 사용하면 된다.

 

const toggleDarkAtom = () => setDarkAtom((prev) => !prev);

 

atom 이 변경되면 컴포넌트도 변경된 값으로 다시 리렌더링 된다.