react 공부 day-7

CH_Hwang·2022년 1월 20일
0

엉망진창리액트

목록 보기
7/10
  • context api에서 함수를 만들어서 그걸 use state와 결합하여 로그인 인증기능 완성
  const [isLogin, setIsLogin] = useState(false);
  const setState = (state) => setIsLogin(state);
  useEffect(() => {
    setState(isToken());
  }, []);
  return (
    <UserContext.Provider value={{ isLogin, setState }}>
      <Switch>
        <Route exact path="/" component={Main} />
      </Switch>
    </UserContext.Provider>
  );
  • use Effect로 토큰이 있는지 판단하여 상태 유지
  • 로그인과 로그아웃 시에는 각각 state를 true, false를 주어 스테이트 변경

0개의 댓글