React forceupdate不更新我的组件

Question

很简单，我有一个HTML文章元素。它有一个按钮作为子节点，当我点击它时，它应该将产品添加到我的表。一切正常。但是，有一个问题。

addToBasket(productObject){
    if (!this.checkIfProductInBasket(productObject)){
      let productsTable = document.getElementsByClassName("products")[0];
      let row = productsTable.insertRow();
      let productName = row.insertCell(0)
      let productQuantity = row.insertCell(1)
      productName.classList.add('productName')
      productQuantity.classList.add('quantityClass')
      productName.innerHTML = productObject.title
      productQuantity.innerHTML = productObject.quantity
    }
    else{
      this.forceUpdate();
    }
  }

我会检查产品是否在篮子里。如果没有，我添加它。如果它在那里，我点击了else块并尝试做forceUpdate。原因是我的productObject有一个数量字段，我想要在屏幕上显示该数量。当我记录它时，数量是正确的，但是当我点击按钮时它没有在屏幕上显示它。它第一次进入if块并将其设置为等于该值。我认为forceUpdate会迫使它等于对象的当前值。为什么这不起作用？