时间戳

首页 > 解决方案 > 在 React 中迭代并获取输入值

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);
    }

请帮忙，谢谢:)

标签： javascriptreactjs

解决方案

如果您的内容设置在一个对象中，您可以使用“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
})

推荐阅读