使用 React 将值 iso 语言代码转换为语言答案

【问题标题】：Converting the values iso languages code in languages with React使用 React 将值 iso 语言代码转换为语言
【发布时间】：2020-07-14 20:36:16
【问题描述】：

我正在尝试了解如何将我现有的数据模拟转换为我想要转换为语言名称的 ISO 代码。

我正在使用 => https://github.com/pubcore/iso-language-codes （自述文件实际上有 2 个小错误，示例不是从 iso-language-codes 导入，code = iso639_2T['fra'] 应该是代码 = by639_2T['fra']）

这是我的数据模拟：

export const dataForSubtitlesMenu = [
  { value: 'Lingue Audio', title: true, id:1},
  { value: 'ita', id: 2},
  { value: 'eng', id: 3},
  { value: 'fra', id: 4},
  { value: 'ben', id: 5},
  { value: 'gla', id: 6},
  { value: 'ind', id: 8},
  { value: 'nor', id: 9},
  { value: 'rus', id: 10},
  { value: 'slv', id: 11},
]

这是我的app.js

<Dropdown title="Seleziona lingua e sottotitoli" items={dataForSubtitlesMenu}/>

在Dropdown.js 我喜欢这样

<ul className="dd-list">
  {items.map((item, i) => (
    <ListItem
      item={item}
    />
  ))}
</ul>

没有示例和清晰的演示，我如何使用此模块iso-languages-code将我的值转换为语言代码？有没有其他更好的节点可以用我现有的数据模拟来实现这一点？

【问题讨论】：

标签： javascript reactjs node-modules iso

【解决方案1】：

您似乎只想为该库中的每种语言创建一个条目？

如果是这样，默认导出只是所有数据的数组。所以你应该能够：

import codes from 'iso-country-codes'

export const dataForSubtitlesMenu = [
  // Add the prompt item
  { value: 'Lingue Audio', title: true, id:1},

  // Fill the rest of the array with an item for every language.
  ...codes.map((lang, i) => ({
    value: lang.iso639_2T,
    id: i + 2, // i starts at 0, id 1 is the prompt.
  })
]

【讨论】：