useStateList
useStateList
is a React Hook similar to useState but for arrays.
Install
npm install use-state-list
oryarn 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> );};