如何从一个页面中的状态第一次加载到第二次加载带来价值

Question

我想将状态从第一次加载带到第二次加载，没有重置状态，也没有 Redux， 如果我在加载前初始化状态，然后我设置状态以更改为新值，然后我刷新或重新调用组件（第二次加载），而不将我的状态重置为初始状态（如第一次加载），是不可能的??

Answer 1

如果您也想在浏览器的其他选项卡中使用本地存储，则可以使用它。 如果您只想将其存储在浏览器的同一选项卡中，请使用会话存储。

  state = {
    page_value: localStorage.getItem("page_value") || ''
  }

  componentWillUnmount(){
    window.removeEventListener('onbeforeunload', this.compareValue())
  }

  compareValue(){
    const old_page_value = localStorage.getItem("page_value")
    if (this.state.page_value !== old_page_value){
       localStorage.setItem("page_value", this.state.page_value)
     }
  }