J'ai cinq éléments enregistrés dans mon localStorage et chacun comprend sa propre clé et sa propre valeur. Mon objectif final est de renvoyer une liste HTML avec chaque élément inclus. Le code actuel ne renvoie rien, si vous avez une idée ou tout autre moyen faites le moi savoir.

Merci!

showLocalStorage = () => {
      this.arrayLocalStorage = [];
      for(var i=0, len=localStorage.length; i<len; i++) {
        let key = localStorage.key(i)
        let value = localStorage[key]
        this.arrayLocalStorage.push(value)
      }
      this.arrayLocalStorage.map(item => {return item})
}
0
Clayton Crockville 18 oct. 2020 à 21:22

1 réponse

Meilleure réponse

Vous pouvez obtenir toutes vos clés localStorage en utilisant . Objet.keys()

const allKeys = Object.keys(localstorage);

Alors vous pouvez retourner la liste comme ceci

return <ul> 
        { allKeys.map(key => <li> {localstorage.getItem(key)} </li>) }
    </ul>
1
Mohammad Faisal 18 oct. 2020 à 18:44