创造一个共同的功能

Question

我正在使用我从以下代码

获得的输出创建一个下拉列表

市场是一个与此类似的阵列

[{
  "mkt_id" : 54,
  "mkt_code" : "NZ",
  "mkt_description" : "NZ"
}, {
  "mkt_id" : 55,
  "mkt_code" : "JP",
  "mkt_description" : "JP"
} ];

markets.map(function (country) {
    marketMap.push({
      "label": country.mkt_description,
      "value": String(country.mkt_code)
    })
  })

我想将上面的代码放在reactjs中的常用函数中，因为我将重复大约10个下拉列表。我不知道如何将值描述和mkt_code作为参数传递给我正在创建的这个常用函数，因为这两个参数将不断更改所有下拉列表。

Answer 1

function mapArrayToSomethingElse (arr, labelKey, valueKey) {
   return markets.map((country) => ({
     label: country[labelKey],
     value: String(country[valueKey])
   }))
}

您现在需要为每个下拉列表提供所需的labelKey和valueKey