useSessionStorageState

将状态存储在 sessionStorage 中的 Hook，适合只需要在当前标签页会话内保留的表单、筛选条件、临时草稿等状态。

代码演示

基础用法

存储复杂类型

API

用法与 useLocalStorageState 一致，只是存储介质从 localStorage 换成当前会话的 sessionStorage。

interface Options<T> {
  defaultValue?: T | (() => T)
  serializer?: (value: T) => string
  deserializer?: (value: string) => T
}

const [state, setState] = useSessionStorageState<T>(
  key: string,
  options: Options<T>
): [T?, (value?: T | ((previousState: T) => T)) => void]

Source

源码 · 文档 · 示例