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);
key
—sessionStorage
键来管理。initialValue
— 要设置的初始化值,如果sessionStorage
中的值为空。raw
— boolean, 如果设为 true,钩子将不会尝试 JSON 序列化存储的值。