【发布时间】:2021-03-16 14:26:15
【问题描述】:
所以我正在制作一个类似测验的应用程序,在我的组件中我有许多问题和一个计时器。 我想知道我应该如何做到,当我刷新页面时,计时器将保持不变,我仍然会回答我必须回答的同一个问题。
【问题讨论】:
-
您需要在后端或前端持久化数据。在前端,它可能存储在 LocalStorage 中,即使在页面刷新后也会持续存在。刷新页面后,需要从存储中读回(组件挂载时),设置为react/redux(等)状态。
所以我正在制作一个类似测验的应用程序,在我的组件中我有许多问题和一个计时器。 我想知道我应该如何做到,当我刷新页面时,计时器将保持不变,我仍然会回答我必须回答的同一个问题。
【问题讨论】:
简短回答:你不能
长答案:当您刷新页面时,您的组件将卸载并再次安装。你无法阻止这一点。如果要存储状态,则需要使其持久化。一种常见的方法是将状态变量存储到localStorage
例子:
localStorage.setItem('timer',timer)
localStorage.getItem('timer')
有一个很好的article 关于这个,看看它是否有帮助
【讨论】: