react js localstorage value object [duplicate]

Question

I save what I get from my backend to a local storage:+

   async onSubmit(e){
        e.preventDefault();
        const {login, password } = this.state;

        const response = await api.post('/login', { login,password });
        const user = response.data.user;
        const {jwt} = response.data;
        console.log(user);
        localStorage.setItem('token', jwt);
        localStorage.setItem('user', user);
        this.props.history.push("/home");
    }

my

const user = response.data.user;

return this:

{id: 2, name: "spt", email: "email", login: "spt", password: "$2a$10$Rqc1VU1TfKD6MypNzbgemeR0O4YeXIFy1XiURjNeHk0gpWJitp4da", …}

two object [object object]

Can you please clarify what your question is?

scrowler
– scrowler

2019-11-28 19:38:59 +00:00
Commented Nov 28, 2019 at 19:38 — scrowler
– scrowler, Commented Nov 28, 2019 at 19:38

svltmccc · Accepted Answer · 2019-11-30 12:26:39Z

11

Local Storage is key-value storage where key is string and value is string also.

You must stringify your data, you can do this

localStorage.setItem('user', JSON.stringify(user));

And get it like

const user = JSON.parse(localStorage.getItem('user'));

edited Nov 30, 2019 at 12:26

answered Nov 28, 2019 at 19:43

svltmccc

1,38611 silver badges25 bronze badges

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

16 Comments

Felipe Over a year ago

Hello i did that what you said and in contact by socket with my backend i sent const player = JSON.parse (localStorage.getItem ('user')); this.socket.emit ('addPlayer-Queue', player);

Felipe Over a year ago

But my backend didn't receive this value, if I change the value to 1 for example my backend gets

svltmccc Over a year ago

@Felipe socket take string too, you should not do JSON.parse before sending using socket

Felipe Over a year ago

Doing this for some reason I don't get this value in the backend

Felipe Over a year ago

i need make this: const player = localStorage.getItem('user') ?

|

shawnyates · Accepted Answer · 2019-11-28 19:43:02Z

6

localstorage does not support objects. If you want to store the user in localstorage, you need to stringify it: JSON.stringify(user)

If you want to store objects, you could use a third-party NPM module like localforage (not supported in all browsers).

answered Nov 28, 2019 at 19:43

shawnyates

1672 bronze badges

Collectives™ on Stack Overflow

react js localstorage value object [duplicate]

2 Answers 2

16 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

16 Comments

Comments

Linked

Related