如何使用会话存储保存选定的筛选值?即使用户刷新页面，我也希望存储所选的过滤器值

Question

这是我到目前为止设置的过滤器。但我有困难找到一种方法来存储所选的值。我应该使用本地存储还是会话存储来实现我在这里要实现的目标?

const [filter, setFilter]= React.useState<AssignedFilterTypes>(AssignedFilterTypes.All);
const res = content.filter(c => c.percentage !== 100).sort((a, b) => compare(a, b, sort));
const storedFilter = sessionStorage.setItem('storedFilter',filter)
if(statistics && filter !== AssignedFilterTypes.All) {
return res.filter((c) => statistics[c.id].num_users);
}
return res;
}, [sort, showContent, filter, courses, programs, packages]);

Answer 1

会话存储在选项卡关闭时被清除。但是，当页面重新加载时，它仍然存在。如果不想在浏览器关闭时丢失数据，则需要本地存储。请注意，如果您在一个私有窗口，它将在您关闭后清除。