用React语言转换iso语言代码的值

问题描述 投票:0回答:1

[我试图就如何转换我现有的数据模拟(在我具有要转换成语言名称的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个回答
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.
  })
]
© www.soinside.com 2019 - 2024. All rights reserved.