使用react-i18next Trans组件而不“使用客户端”

Question

国际化的整个设置在我的 next.js 应用程序 (v14) 上运行得非常好，但是现在我使用 Trans 组件来处理来自 json 文件的 html。如果没有文件顶部的“使用客户端”，我找不到使用它的方法。

我的应用程序中的所有页面都是 SSR，我想保持这种方式！

任何帮助将不胜感激。

Answer 1

您所需要做的就是在导入末尾添加 /TransWithoutContext ：

import { Trans } from "react-i18next/TransWithoutContext";

其余都一样：

<Trans i18nKey={'your_i18nKey'} ns="your_json_namespace" t={t}> 
 {/* @ts-expect-error Trans interpolation */}
       <strong>{{ your_variable }}</strong>
</Trans>