useSessionStorage

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

用法

  1. import {useSessionStorage} from 'react-use';
  2. const Demo = () => {
  3. const [value, setValue] = useSessionStorage('my-key', 'foo');
  4. return (
  5. <div>
  6. <div>Value: {value}</div>
  7. <button onClick={() => setValue('bar')}>bar</button>
  8. <button onClick={() => setValue('baz')}>baz</button>
  9. </div>
  10. );
  11. };

参考

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