如何访问页面刷新的状态值？

Question

如何访问页面刷新中的状态值？

刷新页面时，我无法获得状态值。所以有人建议我解决这个问题。我使用下面的库代码在我的应用程序中实现了计时器。

https://medium.com/@650egor/react-30-day-challenge-day-1-simple-timer-df85d0867553

谢谢。

Answer 1

如果您不将状态存储在某处，则在站点刷新时状态会丢失。您将再次看到默认状态。

这就像一个普通的脚本。如果停止并再次运行它，它将不会“记住”它以前所做的事情。

您现在可以使用浏览器的本地存储来存储一些信息。但我建议，看看一些状态管理工具来正确处理状态。

这是您在寻找答案的地方吗？让我知道。如果不能提供您正在谈论的代码片段或您遇到的错误消息，那么

这是使用本地存储的工作方式：

state = {
    time: "11:00pm",
  }

  componentDidMount = () => {
    if (myStorage.state) {
      this.setState(JSON.parse(myStorage.state))
    }
  }

  saveToStorage = () => {
    myStorage.setItem("state", JSON.stringify(this.state))
  }

您现在必须根据需要多次调用saveToStorage。记住刷新就像在中间杀死一个电子游戏。如果您没有保存，您将重新开始。有帮助吗？

致谢