react-i18next hook vs 带有翻译字符串的组件

时间:2021-01-23 17:28:27

标签: react-i18next

看起来 react-i18next useTranslation 钩子没有从翻译字符串中去除 <>

例如,假设我们有这样的翻译:

"some_string_with_brackets": "hello <text>world</text>."

使用 Trans 组件,例如:

<Trans
  i18nKey="some_string_with_brackets"
  components={{
    text: (
      <span/>
    )
  }}
/>

字符串将根据需要与在 components 对象中定义的 span 组件一起显示。

但是如果我们在 t 钩子的 useTranslation 函数中使用相同的键,结果是:

hello <text>world</text>.

处理这种情况的正确方法是什么?我可以将 _trans 添加到需要使用 Trans 组件呈现的键中,但我想知道我是否遗漏了一些关于它应该如何工作的信息。

0 个答案:

没有答案