react js 本地存储 value 对象

44 浏览
0 Comments

react js 本地存储 value 对象

这个问题已经有了答案：

如何在HTML5的localStorage / sessionStorage中存储对象

我将从后端得到的内容保存在本地存储中：

   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");
    }

我的

const user = response.data.user;

返回这个：

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

两个对象

[object object]

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

localstorage不支持存储对象。如果要把用户存储在localstorage中，需要把它转换成字符串：JSON.stringify(user)

如果想要存储对象，可以使用第三方NPM模块< a href="https://www.npmjs.com/package/localforage" rel="noreferrer">localforage（不支持所有浏览器）。

0
0 Comments

本地存储是键值存储，其中键是字符串，值也是字符串。

您必须将数据转换为字符串，可以通过以下操作完成

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

然后可以像下面这样获取数据

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

0