How to delete all rows on click in a dynamic table using reactjs

Question

Currently when the delete button is clicked it only deletes one row at a time. However, my current aim is for it do delete all rows at the same time but I the solutions I have tried do not work. Here is the current code:

const [shop, setShop] = useState([]);
...
const [count, setCount] = useState(0);
...
const handleDelete = (shopsId) => {
        const newArr = [...shop];
        const index = shop.findIndex((shop) => shop.id === shopsId);
        newArr.splice(index, 1);
        setShop(newArr);
        setCount(count - count)
      }

This method is successful if I want to remove a specific row however I do not want to do this but instead remove all the rows ('delete all'). Any help would be appreciated.

Harshit Upadhyay · Accepted Answer · 2021-10-07 09:16:37Z

1

set it as empty array

setShop([ ])

answered Oct 7, 2021 at 9:16

Harshit Upadhyay

1593 bronze badges

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

Collectives™ on Stack Overflow

How to delete all rows on click in a dynamic table using reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related