如何使用函数调用提取react-i18next转换？

问题描述

给出以下代码：

<Trans i18nKey="error" ns="login">
  <p className="error">
    {React.string("Incorrect username/password combination.")}
    <br />
    {React.string("Is Caps Lock turned on?")}
  </p>
</Trans>

注意React.string函数调用。

是否可以通过i18next使其工作？密钥的值在JSON文件中是什么样的？

更新

在我的翻译JSON文件中，上面的代码应如何显示？

"error": "<1>???</1>"

解决方法

我不确定这个React.string方法是什么，但是Trans的全部目的是将样式标签集成到文本中。

文本应在翻译（json）文件中。

您的用法应类似于：

<p className="error">
  <Trans i18nKey="error" ns="login" />
</p>

{
  "error": "Incorrect username/password combination.<br />Is Caps Lock turned on?"
}

顺便说一句，换行可以避免使用Trans组件，可以使用空格和CSS，有关更多信息，请阅读以下答案：React i18n break lines in JSON String