【问题标题】:How to make a React component not update when I refresh the page?刷新页面时如何使 React 组件不更新?
【发布时间】:2021-03-16 14:26:15
【问题描述】:

所以我正在制作一个类似测验的应用程序,在我的组件中我有许多问题和一个计时器。 我想知道我应该如何做到,当我刷新页面时,计时器将保持不变,我仍然会回答我必须回答的同一个问题。

【问题讨论】:

  • 您需要在后端或前端持久化数据。在前端,它可能存储在 LocalStorage 中,即使在页面刷新后也会持续存在。刷新页面后,需要从存储中读回(组件挂载时),设置为react/redux(等)状态。

标签: reactjs refresh


【解决方案1】:

简短回答:你不能

长答案:当您刷新页面时,您的组件将卸载并再次安装。你无法阻止这一点。如果要存储状态,则需要使其持久化。一种常见的方法是将状态变量存储到localStorage

例子:

localStorage.setItem('timer',timer)
localStorage.getItem('timer')

有一个很好的article 关于这个,看看它是否有帮助

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-12-17
    • 1970-01-01
    • 2021-06-12
    • 1970-01-01
    • 2021-12-04
    • 2018-10-08
    • 1970-01-01
    • 2019-02-07
    相关资源
    最近更新 更多