Intento crear una aplicación en React with Redux y trato de obtener datos de mi tienda Redux y enviar los datos a mi localStorage pero tengo un pequeño problema porque mis datos en localStorage se guardan así:
data [object Object],[object Object],[object Object],[object Object]Así es como obtengo y envío datos a mi localStorage:
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 TableMi base de datos:
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", }, ];Prueba esto
localStorage.setItem('data', JSON.stringify(data));localstorage no permite que se almacenen en ellos objetos sino solo cadenas. así que convierta su matriz en una cadena con JSON.stringify() y luego guárdela usando localStorage.setItem() o localStorage.getItem() y mientras obtiene la matriz use JSON.parse() To Set
localStorage.setItem('data', JSON.stringify(data))Llegar
JSON.parse(localStorage.getItem('data))