Learning Redux

Showing the currently loggedin user

The last thing we need to do is show the currently logged-in user in the header. We will reuse the User component for this feature:

1. Edit src/components/Header.jsx and import the  User component:

import User from './User.jsx'

2. Then, pass the session substate to the User component:

const Header = ({ session }) =>  <div>    { !session && <div><ConnectedRegistration /></div> }    { !session && <div><ConnectedLogin /></div> }    { session &&      <div>        <b>Logged in as:</b>{' '}        <User {...session} />      </div>    }    { session && <div><ConnectedCreatePost /></div> } </div>

Try to log in again, and you will now see who you are logged in as:

Our new header after logging in