Javascript 在React中迭代并获取输入值

我正在构建React应用程序，我遇到了这个问题。所以我有一个网格表单，每行有“数量”和“价格”输入字段。如何迭代并获取输入值，以便对其求和？回到我使用jquery的那一天，我是这样做的：

function CalculateTotal() {
        var tot_totl = 0;
        $('.detil_line').each(function () {
            var quo_quan = $(this).find(".m_quo_quan").val();
            var quo_hrgs = $(this).find(".m_quo_hrgs").val();
            tot_totl += (parseInt(quo_quan) * parseInt(quo_hrgs));
        });
        $('#m_tot_totl').val(tot_totl);
    }

---

请提供帮助，谢谢：）

如果您的内容设置在对象中，您可以使用“object.keys（您的\u对象）”获取\u对象的密钥数组。例如：

let your_object = {
  item1: {
    price: 10
  },
  item2: {
    price: 15
  }
}
let sumOfPrice = 0
Object.keys(your_object).forEach(item => {
  sumOfPrice += your_object[item].price
})

---

请创建一个，以便有人能够更容易地帮助您。将输入绑定到组件中的属性，然后平均它们的值。您不需要jquery，也不应该遍历dom元素。