在链接后用文本反应 i18next 反式组件

Question

我有一个简单的 trans 组件，如下所示：

    <Trans
      i18nKey="login_screen:terms_of_use"
      components={{
        privacy_policy: (
          <TouchableOpacity
            onPress={() => {
              void Linking.openURL(
                'https:.....',
              )
            }}
          >
            <Link>{t('privacy_policy')}</Link>
          </TouchableOpacity>
        ),
      }}
    /> 

我想要以下文字：

“Ich stimme die app Dattenschutzbestimmungen zu”，其中链接是 Dattenschutzbestimmungen。

这是我的 json：

"terms_of_use": "Ich stimme die app <privacy_policy><0><0></privacy_policy> zu",
"privacy_policy": "Datenschutzbestimmungen",

使用当前的解决方案，我得到以下文本：Ich stimme die app Datenschutzbestimmungen

有什么帮助吗？

谢谢

Answer 1

尝试以这种方式使用 Trans 组件：

<Trans
  i18nKey="login_screen:terms_of_use"
>
  Ich stimme den app
  <TouchableOpacity
    onPress={() => {
      void Linking.openURL(
        'https:.....',
      )
    }}
  >
    <Link>Dattenschutzbestimmungen</Link>
  </TouchableOpacity>
  zu.
</Trans>

使用此资源：

"terms_of_use": "Ich stimme die app <1><0>Datenschutzbestimmungen</0></1> zu."