What's your strategy for developing a useArray() hook in React that assists in managing state arrays?

Question

Anonymous · Accepted Answer

I would use useState to make sure all updates to the array are immutable and
trigger re-render when they happen. Immutability is important to React to apply
the prospers diffs between old UI and new UI. the hook should return the array
and add/remove methods

Anonymous · Answer

I would use useState to make sure all updates to the array are immutable and trigger re-render when they happen. Immutability is important to React to apply the prospers diffs between old UI and new UI. the hook should return the array and add/remove methods

const useArray = () => {
  const [arr,setArr] = useState();

return {

arr,

add: x => setArr(a => [...a,x]),

remove: x => {

const i = arr.indexOf(x);

if(I == -1) return;

setArr(a => [...a.slice(0,i),....a.slice(i+1)

}

What's your strategy for developing a useArray() hook in React that assists in managing state arrays?

Practice this question with AI

Go Premium

Community Answers

Unlock Full Access

Unlock Full Access

Practice More Questions