Update array in react using useState

Question

hey there I am trying to remove the object and set a new data but however each time I try it calls back the previous state. for example remove for emma return ([ {name:"red"},{name:"reeed"} ], then a remove for reed should return ([ {name:"red"} ] however it returns ([ {name:"red"},{name:"emma"}]. Thanks in advance

const [test1, setTest] = useState([ {name:"red"},{name:"reeed"},{name:"emma"}]);

const deleteFunction= (name) => { 
        setTest([...test1.filter(item => item.name !==  name)]);       
    };

is this the exact code? you can't name a variable `delete` since it's a reserved word in JS — azium, May 31 '21 at 15:47
how are you checking that the state has changed or not? can you show more code? — azium, May 31 '21 at 15:49

score -1 · Answer 1 · answered May 31 '21 at 15:53

-1

Solution :

setTest((prevState) => (prevState.filter(item => item.name !== name)));

answered May 31 '21 at 15:53

Just a raccoon

9
1

Update array in react using useState

1 Answers1