javascript - 反应js localstorage值对象[重复](react js localstorage value object [duplicate])

Question

(This question already has answers here) : ((这个问题已经在这里有了答案) ：)

Storing Objects in HTML5 localStorage (19 answers) (在HTML5 localStorage中存储对象 （19个答案）)

Closed 2 days ago . (2天前关闭。)

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;(const用户= response.data.user;)

return this:(返回此：)

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

two object [object object](两个对象[object object])

  ask by Felipe translate from so

Answer 1

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'));