如何使用react-i18next动态设置{t(' key '，{value})}的key
如何使用react-i18next动态设置{t(' key '，{value})}的key
提问于 2021-06-04 14:33:48
我正在使用React编写顶部导航栏，并尝试使用react-i18next实现翻译。在您尝试动态设置{t('HOW DO I GET THIS DYNAMIC??'}的关键点之前，一切都会正常工作。
我循环遍历导航栏的项的数组，并为每个项获取动态值，并将其设置为translation.json中变量的值，但我无法将键设置为动态的，我尝试使用{item}但不起作用。
代码：
const { t } = useTranslation();
const menuItem = ['Pool', 'Mining', 'Leveraged', 'Lock up', 'Docs', 'Profile'];
{menuItem.map((item, idx) => (
<Link key={item} to="/">
<Button className={classes.item}>{t('HOW DO I GET THIS DYNAMIC??')}</Button>
</Link>
))}这是en翻译文件：
{
"Pool": "Pool",
"Mining": "Mining",
"Leveraged": "Leveraged",
"Lock up": "Lock Up",
"Docs": "Docs",
"Profile": "Profile"
}Ant这是我的zh翻译文件：
{
"Pool": "存款池",
"Mining": "存款挖矿",
"Leveraged": "杠杆挖矿",
"Lock up": "锁仓",
"Docs": "文档",
"Profile": "我的"
}回答 1
Stack Overflow用户
回答已采纳
发布于 2021-06-06 23:46:32
在t函数中，您可以使用${item}或[item]动态调用该值，因为{item}将不起作用。希望这能对你有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67832483
复制相关文章
相似问题
腾讯云开发者
