use-state-list v1.0.5

useStateList

useStateList is a React Hook similar to useState but for arrays.

Install

• npm install use-state-list or
• yarn add use-state-list

Use

useStateList(length, defaultValue) Default value is optional

import useStateList from 'use-state-list';

const MyList = () => {
  const [clicked, setClicked] = useStateList(3);
  const handleClick = idx => setClicked(idx, true);

  return (
    <div>
      {[0, 1, 2].map(idx => (
        <button key={idx} onClick={() => handleClick(idx)}>
          {clicked[idx] ? 'Clicked!' : 'Click me!'}
        </button>
      ))}
    </div>
  );
};