使用React将值转换为语言中的iso语言代码

Question

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

我使用=>https://github.com/pubcore/iso-language-codes(Readme实际上有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语言代码？有没有其他更好的节点可以用我现有的数据模拟来实现这一点？

Answer 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.
})
]