24.3.2.1 로그인 상태 보여 주기

    먼저 헤더 컴포넌트에 리덕스를 연결시켜 봅시다. containers 디렉터리에 common 디렉터리를 만들고, 그 안에 HeaderContainer 컴포넌트를 작성해 보세요.

    containers/common/HeaderContainer.js

    import React from 'react';
    import { useSelector } from 'react-redux';
    import Header from '../../components/common/Header';
    
    const HeaderContainer = () => {
      const { user } = useSelector(({ user }) => ({ user: user.user }));
      return <Header user={user} />;
    };
    
    export default HeaderContainer;

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.