如何将i18n字符串嵌入反应本机元素按钮中

Question

我有以下在react-native中按钮标题的工作代码(该按钮是一个反应元素按钮(。

<Button
          large
          title = {`Pay ${recipientForename}`} 

这很愉快地显示了相关文本，具体取决于接受者是谁，例如"付托尼"，"付莎拉"等

我还使用i18n-js，并具有多语性短语" payments.pay"(从json文件访问(，我想使用它而不是"付费"一词。使用文本标签时，可以成功访问该短语，例如

<text>{i18n.t('payments.Pay')}</text>

但是当我尝试嵌入

时

{i18n.t('payments.Pay')}

进入上面的"标题"行，似乎没有任何作用。

我应该使用什么语法来成功嵌入i18n短语？

Answer 1

在您的本地化文件中使用以下语法：

payments.Pay: 'Pay %{name}'

，然后在代码中：

<Button
    large
    title = {i18n.t('payments.Pay', {name: recipientForename})}

...