TutorialsScreensCourses

Create a ProtectedRoute for Logged In Users with Route, Redirect, and a Render Prop in React Router

AuthorJason Brown

Create a ProtectedRoute for Logged In Users with Route, Redirect, and a Render Prop in React Router

In this lesson we'll create a protected route just for logged in users. We'll combine a Route with a render prop and use a loggedIn prop to determine if the route should be allowed to be accessed. Finally we'll use nav state to preserve the location the user visited and redirect them back to the protected route once they login.

Tutorial Code

Liked this content?

Get notified more about React Router!

No Spam! We Promise!

Home