如何使用 i18next 翻译属性答案

【问题标题】：How to translate properties with i18next如何使用 i18next 翻译属性
【发布时间】：2019-07-31 22:09:28
【问题描述】：

我通常如何使用 i18next 翻译内容

<Translation>{(t) => <span>{t('key')}</span>}</Translation>

但我不太清楚如何翻译以下行中的标题值“仪表板”等属性

 <NavExpandable title="Dashboard" isExpanded>

我还没有找到解决方案，我不敢相信我是唯一一个遇到这个问题的人。

【问题讨论】：

<NavExpandable title={<AnyJSX here="this is just an inline example" />} isExpanded>
i18next 可能有更简洁的方法，但要知道你可以在 props 值中使用 JSX 内联。
你的意思是像：{(t) => {t('key')}}} isExpanded > ?如果是这样，它不会工作，因为它返回一个对象。
@EmileBergeron 我也尝试过这样做：{i18next.t('key')} 但它只是呈现“key”。
你在使用 react-i18next 吗？ Its documentation 展示了多种方式来完成你想要的。

【解决方案1】：

我的问题是我使用的是import { Translation } from 'i18next'; 而不是import { Translation } from 'react-i18next';

【讨论】：