Skip to content

Latest commit

 

History

History
35 lines (25 loc) · 804 Bytes

useSessionStorage.md

File metadata and controls

35 lines (25 loc) · 804 Bytes

useSessionStorage

React 副作用钩子,用于管理单个 sessionStorage 键。

用法

import {useSessionStorage} from 'react-use';

const Demo = () => {
  const [value, setValue] = useSessionStorage('my-key', 'foo');

  return (
    <div>
      <div>Value: {value}</div>
      <button onClick={() => setValue('bar')}>bar</button>
      <button onClick={() => setValue('baz')}>baz</button>
    </div>
  );
};

参考

useSessionStorage(key);
useSessionStorage(key, initialValue);
useSessionStorage(key, initialValue, raw);
  • keysessionStorage 键来管理。
  • initialValue — 要设置的初始化值,如果sessionStorage中的值为空。
  • raw — boolean, 如果设为 true,钩子将不会尝试 JSON 序列化存储的值。