React hooks - Remove multi object from array and update state

Question

How to delete multiple objects of array and update the state? I have selected multiple items from checkbox This is the selected item [5, 4, 3] I want to remove all items in array based on id and update the state This is my code

 const [products, setProducts] = useState();

 const DeleteProducts = () => {
  const selectedItems = [5, 4, 3];

    selectedItems.forEach(function(p) {
      setProducts(products.filter(prd => prd.id !== p));
    });
}

Its removing only one item at time, but I selected 3 items. How to show remaining items except 3 selected items in products state? Thanks

Please provide a Minimal, Complete, and Verifiable example.

Andrzej Ziółek
– Andrzej Ziółek

2020-02-19 11:52:40 +00:00
Commented Feb 19, 2020 at 11:52 — Andrzej Ziółek
– Andrzej Ziółek, Commented Feb 19, 2020 at 11:52

rMonteiro · Accepted Answer · 2020-02-19 12:13:59Z

3

You can simplify it to a single filter function:

const DeleteProducts = () => {
  setProducts(prevProducts => {
    return prevProducts.filter(p => ! p.selected);
  });
}

edited Feb 19, 2020 at 12:13

answered Feb 19, 2020 at 11:53

rMonteiro

1,7241 gold badge17 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React hooks - Remove multi object from array and update state

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related