How to get current logged in user in react js

Question

just wondering how to access the data of a logged in authenticated user in a react js file with node js.

In the handlebar files I have I can see information like this: {{#if user}}

I would like to know how to do things like that in a react js file so I can assign the name of the logged in user to a js variable. Something like var name = {{# user.name }};

Thanks in advance and sorry if I've missed something out or said something a tad dense.

React isn't a full framework, so there's nothing built in for checking if a user exists or is logged in you have to build that yourself, or find a library that provides that. — Adam
– Adam, Commented May 29, 2017 at 18:36
Kinda, I added the users id to the page and got it by using a get elementById in the react code. — Ed Lynch
– Ed Lynch, Commented Sep 21, 2017 at 22:49

Shahin Ghasemi · Accepted Answer · 2019-08-17 10:15:26Z

5

First of all you need to use a method for authentication, JWT is a good bet to do so. then in your main component (app.js) send a request to a specific route (like /auth/init) to check if the user is logged (means jwt is set).

you can approach this using middlewares if you are using express.js. if the user was logged in then send the user's credentials back to the client (react) and initialize your user state with the response.

To share user state between your components you have different options. based on your needs you can choose from redux, contextAPI, or just newly introduced API hooks. read this for further perspective.

edited Aug 17, 2019 at 10:15

answered Aug 17, 2019 at 8:53

Shahin Ghasemi

1,7692 gold badges24 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get current logged in user in react js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related