Hinzufügen von Attribut zu i18n Strings in React Native

Question

Ich habe bereits gewusst, wie man i18n Zeichenfolge durch react-native-i18n generiert. Zum Beispiel

// en.js source 
{ 
    "hello": "Hello, {{name}}." 
} 

// use 
I18n.t("hello", { name: "John" }) 

und es zeigt Hello, John..

habe ich auch bekannt, wie zugeschrieben Zeichenfolge zu generieren:

<Text> 
    This is a <Text style={{fontWeight: 'bold'}}>bold<Text> word. 
<Text> 

und es zeigt This is aboldword.

Das Problem ist, wie kann ich Attribute zu einer i18n Vorlage Zeichenfolge hinzufügen? Irgendeine Bibliothek dafür?

// en.js source 
{ 
    "hello": "Hello, <b>{{guest}}</b>. I'm {{host}}." 
} 

// use 
I18n.t("hello", { guest: "John", host: "Sam" }) 

• Erwartet: Hello,John. I'm Sam.
• Was ich bekommen habe: Hello, <b>John</b>. I'm Sam.

Answer 1

können Sie verwenden, reagieren-i18next unterstützt Komponenten innerhalb seiner Übersetzungskomponente reagieren:

<div>{t('simpleContent')}</div> 
<Trans i18nKey="userMessagesUnread" count={count}> 
    Hello <strong title={t('nameTitle')}>{{name}}</strong>, you have {{count}} unread message. <Link to="/msgs">Go to messages</Link>. 
</Trans> 

und vieles mehr ... erfahren Sie mehr http://react.i18next.com