In React, how can you implement the useArray() hook to provide array state management functions?

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)

}

In React, how can you implement the useArray() hook to provide array state management functions?

Practice this question with AI

Go Premium

Community Answers

Unlock Full Access

Unlock Full Access

Practice More Questions