刷新时如何保持页面的状态

Question

有一个activekey(问题管理选项卡(，它在刷新时加载。我不想那样发生。刷新时，它应该加载当前选项卡(或页面(，而不是问题管理。我应该如何保留状态？

class ContentHome extends React.Component {
constructor(props) {
super(props)
this.state = {
activeKey: 'questionManagementTab',
openModal: false
}
this.handleTabChange = this.handleTabChange.bind(this)
this.leavePage = this.leavePage.bind(this)
this.handleCloseModal = this.handleCloseModal.bind(this)
}

Answer 1

刷新时，组件将卸载并再次装载，因此从初始状态获取questionManagementTab是完全正常的。

如果您想在组件上保存这样的数据，并防止在刷新页面期间丢失，您可以在组件卸载前将选项卡数据保存在本地存储或Cookie上，然后使用本地存储或cookie数据初始化状态。