javascript - 如何在 React.js 中刷新页面后保持状态？

Question

假设我有代码为上一页选择的选择框设置状态:

this.setState({selectedOption: 5});

有什么方法可以让 this.state.selectedOption 在页面刷新后填充 5？

我是否可以使用回调将其保存在 localStorage 中，然后执行一个大型 setState 或是否有执行此类操作的标准方法？

Answer 1

所以我的解决方案是在设置状态时也设置 localStorage ，然后在 getInitialState 回调中再次从 localStorage 获取值，例如所以:

getInitialState: function() {
    var selectedOption = localStorage.getItem( 'SelectedOption' ) || 1;

    return {
        selectedOption: selectedOption
    };
},

setSelectedOption: function( option ) {
    localStorage.setItem( 'SelectedOption', option );
    this.setState( { selectedOption: option } );
}

我不确定这是否可以被视为 Anti-Pattern但除非有更好的解决方案，否则它会起作用。