title: when use onchange event then delete record information of deleted record set for other record
body: <p>I have a table of items and each item have base_price and I have an input and can change the count of items and then total_price changed.
  All things are ok. But when I change the amount of input then decide to remove it the amount of input and the total_price set for other item.
  When I don't change the input all things right work but when I change the input get this problem.</p>
  
  <pre><code>&lt;input onChange={e =&gt; this.changeTotalPrice(e, service)} type="number" defaultValue="1" min="1"/&gt;
  
  &lt;td style={{fontWeight: 'bold', color: '#000'}}&gt;
    &lt;span id={`totalPrice-${service.id}`} className="totalPrices"&gt; 
      {service.price}
    &lt;/span&gt;&lt;/td&gt;
  
  changeTotalPrice(e, service) {
    let totalPriceTag = document.getElementById(`totalPrice-${service.id}`);
    let totalPrice = e.target.value * service.price;
    totalPriceTag.innerText = totalPrice;
  }
  </code></pre>