reactjs - React - 将状态保存到本地存储

Question

我们正在开发一个程序，其中状态的某些部分必须是持久的。出于多种原因，本地存储似乎是完美的解决方案，除了我们无法让它工作的部分。

起初，本地存储似乎总是在程序其余部分之后更新，就好像它正在提供较旧的状态一样。在咨询了博客中的一些提示后，我们尝试了以下方法

我们使用“setState”调用的回调更新本地存储。

this.setState(
    {selection: this.state.selection.concat(shop_item) },
    () => {
      this.saveToLocal();
    }
);

“SaveToLocal”函数如下:

saveToLocal() {
       const local = this.state.favourites;
       this.localStorage.setItem(‘saveFavorites’, JSON.stringify(local));
   }

然而这段代码似乎根本没有为本地存储提供任何值(value)。有人知道我们做错了什么吗？

Answer 1

您应该仅使用 localStorage 而不是 this.localStorage。

此外，我会删除 setState 回调中的箭头函数，因为您没有将任何参数传递给 this.saveLocal()。

这样应该更具可读性:

this.setState(
  { selection: this.state.selection.concat(shop_item) },
  this.saveToLocal
);