如何从本地存储返回所有项目？

Question

I have five items saved into my localStorage and each includes their own key and value. My end goal is to return an HTML list with each item included on it. The current code does not return anything, if you have any idea or any other way let me know.

Thanks!

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

Answer 1

you can get all your localStorage keys by using . Object.keys()

const allKeys = Object.keys(localstorage);

then you can return the list like this

return <ul> 
        { allKeys.map(key => <li> {localstorage.getItem(key)} </li>) }
    </ul>