0
234
Vistas¿Cómo mapear una matriz de localStorage a una tabla en reactJS?
Estoy tratando de asignar datos de matriz desde localStorage a mi tabla de reacción, pero el formato aparece así: 
Pero me gustaría que fuera formateado así:
El código actual que estoy usando es este:
const get = JSON.stringify(localStorage.getItem('pls')); const setUs = ([get]); ... function handleSubmit(e){ e.preventDefault(); var js = localStorage.getItem('Data'); var loc = [js]; loc.push(document.getElementById("inputKey").value); localStorage.setItem("Data", loc); } ... return( <div> <Table> <tbody> {(setUs.map((m,i) => ( <tr key={`${m+i}`}> <td>{m}</td> </tr> )))} <tbody> </Table> </div> ) ... No estoy seguro de cómo formatearlo como la segunda imagen. He intentado usar operadores de propagación, probar diferentes métodos como JSON.parse() y JSON.stringify() pero la matriz se convierte en algo como [[[,\\input1\]\\input2\\]\input3\\] . Cualquier ayuda sería apreciada.
Estoy usando reactJS y reactstrap.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Puedes usar hooks para localStorage
const useLocalStorage = (name, defaultValue) => { const [currentValue, setCurrentValue] = useState(JSON.parse(localStorage.getItem(name)) ?? defaultValue); const callback = useDelay(delay, currentValue); useEffect(() => { localStorage.setItem(name, JSON.stringify(currentValue)); }, [currentValue]); return [currentValue, setCurrentValue]; } export default useLocalStorage;¿Cómo usarlo?
import useLocalStorage from '...'; const Component = () => { const [pls, setPls] = useLocalStorage('pls', []); return ( <> {pls.map(v => ( HERE ))} </> ); };
·
Juan Pablo Isaza
Denunciar
Responde la pregunta