临桂中使用t宏进行动态组件外翻译

Question

我正在尝试将这样的内容

"User {id} payments"

翻译成英语和匈牙利语。在我当前的设置下如何使用 t 宏来做到这一点？

title: (id, i18n) => t(i18n)`userPayments`,

Answer 1

t

宏不支持变量。您应该尝试使用

<Trans />

，它支持变量并且对您的情况很有帮助。

这是示例代码

// strings.json
"user_id": "User {{id}} payments"

const id = "123"
<Trans i18nKey={"user_id"} values={{id}} />

// output
"User 123 payments"

根据您的设置，这里有更多选项，请检查 https://react.i18next.com/latest/trans-component