无法将数据发送到 React 中的 localStorage

Question

我尝试使用 Redux 在 React 中构建一个应用程序，我尝试从我的 Redux 存储中获取数据并将数据发送到我的 localStorage 但我有一个小问题，因为我在 localStorage 中的数据保存如下：

data    [object Object],[object Object],[object Object],[object Object]

这是我获取数据并将数据发送到本地存储的方式：

import React from 'react'
import { useSelector } from 'react-redux';

function Table() {
    const myUsers = useSelector((state) => state.users.data);

    function test() {
        let data = [];

        for (let i = 0; i < myUsers.length; i++) {
            data.push(myUsers[i]);
        }

        localStorage.setItem('data', data);
    }

    test();


    return (
        <div>Table</div>
    )
}

export default Table

我的数据库：

const database = [
    {
        id: 1,
        email: "email1@gmail.com",
        birthYear: "1999",
    },
    {
        id: 2,
        email: "email2@gmail.com",
        birthYear: "1987",
    },
    {
        id: 3,
        email: "email3@gmail.com",
        birthYear: "2005",
    },
    {
        id: 4,
        email: "email4@gmail.com",
        birthYear: "1967",
    },
];

Answer 1

试试这个

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

Answer 2

localstorage 不允许存储对象，只能存储字符串。因此，通过 JSON.stringify() 将数组转换为字符串，然后使用 localStorage.setItem() 或 localStorage.getItem() 存储它，同时使用 JSON.parse() 获取数组设置

localStorage.setItem('data', JSON.stringify(data))

获取

JSON.parse(localStorage.getItem('data))

无法将数据发送到 React 中的 localStorage

Can't send data to localStorage in React

javascript

local-storage

reactjs

redux