Skip to content

Files

Latest commit

dc07e0e Β· Jan 17, 2020

History

History
33 lines (28 loc) Β· 699 Bytes

useMap.md

File metadata and controls

33 lines (28 loc) Β· 699 Bytes

useMap

React state hook that tracks a value of an object.

Usage

import {useMap} from 'react-use';

const Demo = () => {
  const [map, {set, setAll, remove, reset}] = useMap({
    hello: 'there',
  });

  return (
    <div>
      <button onClick={() => set(String(Date.now()), new Date().toJSON())}>
        Add
      </button>
      <button onClick={() => reset()}>
        Reset
      </button>
      <button onClick={() => setAll({ hello: 'new', data: 'data' })}>
        Set new data
      </button>
      <button onClick={() => remove('hello')} disabled={!map.hello}>
        Remove 'hello'
      </button>
      <pre>{JSON.stringify(map, null, 2)}</pre>
    </div>
  );
};