Question

我正在构建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);
    }

请帮助，谢谢：）

Answer 1

如果您的内容设置在对象中，则可以使用'Object.keys（your_object）'获取your_object的键数组。例如：

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

在React中迭代并获取输入值

1 个答案: