主页 / 问题 / 1105141
Accepted
Volodumr
Asked:2020-04-04 03:19:01 +0000 UTC2020-04-04 03:19:01 +0000 UTC

如何正确地从 LocalStorage 获取数据

  • 772

我有一个表格，其中写了页数的名称，然后我在LocalStorage中单独记录了页数。然后他不应该接受和总结它们。但是我从 LocalStorage 得到用逗号分隔的页数。我怎样才能将它们分开和求和。

我写到 LocalStorage 的代码

    addBook=async(name,count)=>{
        let bookInfo = {};
        bookInfo["name"] = name;
        bookInfo["count"] = count;
        await this.setState({
            booksList: [...this.state.booksList,bookInfo],
            nameValue: "",
            countValue: 0,
            booksPages: [...this.state.booksPages,count]
        })
        localStorage.setItem("booksList",JSON.stringify(this.state.booksList));
        localStorage.setItem("booksPages",(this.state.booksPages));
    }

我从 LocalStorage 获取的代码

componentDidMount(){
        const booksList = localStorage.getItem('booksList');
        const booksPages = localStorage.getItem('booksPages');
        console.log("booksPages",booksPages)
        if(booksList){
            const savedList = JSON.parse(booksList);
            this.setState({
                booksList : savedList,
                booksPages: booksPages
            })
        }else{
            console.log("No list")
        }
    }

例如我输入测试 100 测试 100

我进入书籍页面 100,100 我该如何解决这个问题

谢谢

reactjs

1 个回答

  1. Best Answer

    就像你为booksList.

    localStorage.setItem("booksPages",JSON.stringify(this.state.booksPages));
...
const booksPages = localStorage.getItem('booksPages')? JSON.parse(localStorage.getItem('booksPages')) : [];
const pageSum = booksPages.reduce((acc, i) => acc + i, 0);
    • 3

相关问题