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;

---