Как отловить id строки и удалить ее?

Question

[Insolation]

Здравствуйте.
У меня есть таблица продуктов, сами продукты это массив. По клику на кнопку Delete мне нужно удалить строку.
Я решил сделать так:

• 1. Делаем метод для удаления(deleteRow)
  
• 2. Удалять будем так - отлавливаем id ряда, удаляем элемент с массива и переписываем state.
  

Проблема в том, что я запутался как бы лучше:

• 1. Отловить id строки
  
• 2. Сделать метод deleteRow (сейчас мне кажется вышел просто бред)
  

Вот сам код - https://codesandbox.io/s/j1l0y4rmw9

Answer 1

[0xD34F]

Передавайте в метод удаления индекс удаляемого элемента, например:

deleteRow={() => this.deleteRow(i)}

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

Comments

[Insolation]

Спасибо большое!
Вроде получилось - https://codesandbox.io/s/j1l0y4rmw9

Еще вопросик:
Нормально ли передавать метод через props, как у меня?

[0xD34F]

Insolation, нормально.

[Insolation]

0xD34F, Спасибо вам большое. Простите за такие глупые вопросы - учусь)