如何使用会话存储来保存所选的过滤值？即使用户刷新页面，我也想存储所选的过滤器值

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

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