Javascript React Native和i18n js：在翻译的字符串中添加组件

我正在使用，正如推荐的那样。比如说，我想要一个带有

的屏幕，看起来像：

<Text>Click on <Text style={bold}>this link</Text> now.</Text>

现在点击这个链接。

下面是我要做的：

const en = {
  click_link: "Click on {{link}} now.",
  link: "this link"
};

<Text>
  {i18n.t('click_link, {
    link: <Text style={bold}>{i18n.t('link')}</Text>
  })}
</Text>

const-en={
点击链接：“现在点击链接”，
链接：“此链接”
};
{i18n.t（'单击链接{
链接：{i18n.t（'link'）}
})}

但是它不起作用，它显示

现在点击[object]

所以我现在唯一的想法是：

const en = {
  click_link_1: "Click on",
  click_link_2: "this link"
  click_link_3: "now."
}

<Text>
  {i18n.t('click_link_1')}
  <Text style={bold}>{i18n.t('click_link_2')}</Text>
  {i18n.t('click_link_3')}
</Text>

const-en={
点击链接1：“点击”，
单击链接2：“此链接”
单击链接3：“现在。”
}
{i18n.t（'click_link_1'）}
{i18n.t（'click_link_2'）}
{i18n.t（'click_link_3'）}

但它看起来一点也不优雅