使用来自 react-i18next 的翻译和 json returns 键

Question

我将 "useTranslation" 与以下 json 一起使用：

{
    "Language": "English",
    "Country": {
        "City": "London"
    }
}

在反应组件中我使用 const {t} = useTranslation(); ，但是当我尝试

{t('Language')}<br/>
{t('Country.City')}

它显示 "Country.City" 而不是 "London"，它适用于语言但不适用于 Country.City

English
Country.City

有人知道如何解决这个问题吗？谢谢

Answer 1

如果有人遇到同样的问题，我找到了解决方案:-)。在 i18n.ts 中，keySeparation 是 "false" -> 键不能嵌套现在我制作了 keySeparator : '.' 并且正在运行

useTranslation from react-i18next with json returns the key