在数组映射 reactJS 中使用变量

Question

我想使用下拉列表从数组中创建几个表。列表将是每日、每周、每月、每年。我已经写了代码。下面是示例数组。 var allPoints = records.map(      (        { id, sector_name, f_day_lot1, f_day_lot2, f_day_lot3, f_day_lot4 }      ) => (          { id, sector_name, f_day_lot1, f_day_lot2, f_day_lot3, f_day_lot4 }        )    );问题是我想将上面的内容更改day为weekly, monthly or yearly取决于下拉列表。我可以多次编写相同的代码更改day为weekly, monthly or yearly. 但是那将是很多代码。那么，还有没有其他更好的方法呢。或者如何根据菜单将日期设置为变量并更改值。

Answer 1

我不确定您的记录的确切数据结构是什么。但我认为您可以使用动态键名：

function getPoints(records, dropdownValue) {

  return records.map((item) => {

    let mapedItem = {};

    for (const key in item) {

      if (key.indexOf(`${dropdownValue}_lot`) !== -1) {

        mapedItem[key] = item[key];

      }

    }

    mapedItem["id"] = item["id"];

    mapedItem["sector_name"] = item["sector_name"];

    return mapedItem;

  });

}

const data = [

  {

    id: 1,

    sector_name: 2,

    f_day_lot1: "f_day_lot1",

    f_day_lot2: "f_day_lot2",

    f_day_lot3: "f_day_lot3",

    f_day_lot4: "f_day_lot4",

    f_month_lot1: "f_month_lot1",

    f_month_lot2: "f_month_lot2",

    f_month_lot3: "f_month_lot3",

    f_month_lot4: "f_month_lot4",

    f_week_lot1: "f_week_lot1",

    f_week_lot2: "f_week_lot2",

    f_week_lot3: "f_week_lot3",

    f_week_lot4: "f_week_lot4"

  }

];

console.log(getPoints(data, "day"));

console.log(getPoints(data, "week"));

console.log(getPoints(data, "month"));