<input type="checkbox" id="" disabled=""

[recoil 상태관리] 전역 설정 about final-11-nigonego HOT 4 CLOSED

frontendschool5 commented on August 18, 2024

[recoil 상태관리] 전역 설정

from final-11-nigonego.

Comments (4)

kimmming commented on August 18, 2024

import { authAtom, accountNameAtom} from '../../atom/atoms';
import { useRecoilValue } from 'recoil';

const auth = useRecoilValue(authAtom);
const accountname = useRecoilValue(accountNameAtom);

auth 에 토큰
accountname 에 accountname
애플리케이션 - 로컬스토리지에서 확인할 수 있는데 이게 맞는지 잘 몰르겟어요
근데 token 으로 넣엇던 곳을 auth 변수로 고치면 작동 잘되어여

from final-11-nigonego.

kimmming commented on August 18, 2024

HomeFeed랑 PostUpload 에 있던 token 값을 auth로 바꿧음

from final-11-nigonego.

kimmming commented on August 18, 2024

token 저장되어 있으면 바로 HomeFeed 아니면 LoginMain
STartSplash.jsx 수정 하였습니다.

  return loading ? (
    <SplashPage />
  ) : auth && accountname ? (
    <HomeFeed />
  ) : (
    <LoginMain />
  );

from final-11-nigonego.

kimmming commented on August 18, 2024

LoginPage.jsx
FollowerData 함수 만들어서 following 없으면 home 으로, 있으면 homefeed로

   setAuth(token);
        setAccountname(accountname);
        await FollowerData(token);
        
       async function FollowerData(token) {
    try {
      const res = await axios.get(`${url}/user/myinfo`, {
        headers: {
          Authorization: `Bearer ${token}`,
        },
      });
      const { following } = res.data.user;
      setFollowing(following);
      if (Object.keys(following).length === 0) {
        navigate('/home');
      } else {
        navigate('/homefeed');
      }
    } catch (error) {
      console.error(error);
    }
  }

from final-11-nigonego.

Recommend Projects