Accessing react components directly from URL

Question

I am trying to create an new react app. I have 3 components: app (with login functionality) , admin and client.

• How can I render (redirect to) admin / client based on a value (user role) , after successfully login?
• Is this any way to access the admin / client components directly from the URL? More specific, localhost:3000 takes me to App.js (witch makes sense, because it is defined like this in index.js). If I want to see directly the admin component (hijacking the login), can I use for example localhost:3000/admin ? how can I do that?

Thank you !

Answer 1

• You can use react router and in particular route.push('/admin')

• You need to define the '/admin' route and voilà.

To bypass the login, you may want to make a 'test-admin' route and a private 'admin' route. Here is how to make a private route if you happen to need it:

https://dev.to/karanpratapsingh/private-public-and-restricted-routes-in-react-42ff

Answer 2

You can use react-router, that allow to define some route based on URL. When you have a login feature, then you would probably wants to have some protected route, that are only accessible when you are logged in. Then I recommend you to read this article