[ Jotai ] 👻 useAtomValue 사용하기

프로젝트를 진행하면서

useSetAtom

으로 값을 저장한 것을 다른 페이지에서 쓰고싶을때 !

어떻게 사용하느냐 ~

useAtom ()

const [userNick, useUserNick] = useAtom(nickname);

일단 이런 방법으로 userNick의 값을 할당해준다. -> useState와 같은 기능

이후 (우리는 stores 라는 파일을 만들어 관리한다)

이런식으로 지정해준다.

여기까지가 우리가 상태관리로 nickname의 값을 저장해준것이다.

useAtomValue (read 기능)

이제 저장해준 값을 다른 페이지에서 불러와 사용할 차례이다.

import { useAtomValue } from 'jotai';
import { nickname } from '@/stores/signup';

이렇게 불러와준 후

 const ProfilenickName = useAtomValue(nickname);

이렇게 ProfilenickName 이라는 값에다가 할당해주면 사용 가능하다 ~!🤧