useLocalStorage

localStorage hooks

API

const [
  value,
  setValue,
] = useLocalStorage(
  key: string,
  initialValue?: InitialValue<T>,
);

key

localStorage的key值

initialValue

初始值

DEMO

() => {
  if (typeof window == 'undefined') {
    return null
  }
  const [state, setState] = useLocalStorage('l-storage-key', 'value1')
  return (
    <div>
      <div>value: {state}</div>
      <button onClick={() => setState('value2')}>set value2</button>
      <button onClick={() => setState('value3')}>set value3</button>
      <button onClick={() => setState()}>clear</button>
    </div>
  )
}

() => {
  if (typeof window == 'undefined') {
    return null
  }
  const [state, setState] = useLocalStorage('l-storage-key', 'value1')
  return (
    <div>
      <div>value: {state}</div>
      <button onClick={() => setState('value2')}>set value2</button>
      <button onClick={() => setState('value3')}>set value3</button>
      <button onClick={() => setState()}>clear</button>
    </div>
  )
}

useLocalStorage

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}API

key

initialValue

DEMO

API