How to catch the id of a row and delete it?

Question

React

Hello.
I have a table of products, the products themselves are an array. On a click on the Delete button, I need to delete a row.
I decided to do this:

• 1. Making a delete method (deleteRow)
  
• 2. We will delete it like this - we catch the id of the row, remove the element from the array and rewrite the state.
  

The problem is that I'm confused as to how best to:

• 1. Catch row id
  
• 2. Make the deleteRow method (now it seems to me that it's just nonsense)
  

Here is the code itself - https://codesandbox.io/s/j1l0y4rmw9

Answer 1

Pass the index of the element to be removed to the delete method, for example:

deleteRow(index) {
  const productsList = [...this.state.productsList];
  productsList.splice(index, 1);
  this.setState({
    productsList
  });
}