nextjs에서 recoil사용하려고 하는데 state를 변경해도 호출시 기본값이 나오는데 어떻게 하면 변경값을 불러올 수 있을까요?

Question

아래 코드처럼 test페이지에서 recoil state를 변경한 뒤 test2페이지로 이동해서 값을 불러오니까 변경되기 전에 값이 나오는데 어떻게 하면 변경된 값을 볼 수 있을까요?import React, { useEffect } from "react"; import { useRecoilValue, useSetRecoilState, useRecoilState } from "recoil"; import userState from "../common/store/user"; const Test = () => { const [user, setUser]: any = useRecoilState(userState); useEffect(() => { setUser((prev) => { const value = { ...prev }; value.email = "00@gmail.com"; return { ...value }; }); }, []); console.log(user); return

; }; export default Test; import React from "react"; import { useRecoilValue } from "recoil"; import userState from "../common/store/user"; const TestTwo = () => { const user: any = useRecoilValue(userState); console.log(user); return

; }; export default TestTwo;

LostStarz · Answer

변경 된 값이 나와야 정상인 것 같은데..Test, Test2 사용하는 코드를 보여주실 수 있나요

nextjs에서 recoil사용하려고 하는데 state를 변경해도 호출시 기본값이 나오는데 어떻게 하면 변경값을 불러올 수 있을까요?

1개의 답변

Q&A 목록