Show how to create the useArray() hook in React that delivers functions for state array management

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)

}

Show how to create the useArray() hook in React that delivers functions for state array management

Practice this question with AI

Go Premium

Community Answers

Unlock Full Access

Unlock Full Access

Practice More Questions