useCookie API DEMO useImage useLocalStorage usePrevious useScript　useSessionStorage useStorage useTimeInterval useToggle

useCookie

cookie

API

const [
  value,
  setValue,
] = useCookie(
  key: string,
  initialValue?: InitialValue<T>,
  options = {}
);

key

cookie的key值

initialValue

初始值

options

配置，例子： { expires: 7, path: '' }，参考js-cookie

DEMO

value: value1

() => {
  const [state, setState] = useCookie('cookie-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>
  )
}

() => {
  const [state, setState] = useCookie('cookie-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>
  )
}