+ The example app
+
+
+
+ {!revealed ? (
+
+
+ T component with default
+
+ This is default
+
+
+
+ T component without default
+
+
+
+
+
+ T component with params
+
+
+
+
+
+ T component with noWrap
+
+
+
+
+
+ T component with interpolation
+
+
+
+
+
+ T component with br tag
+
+
tag" + /> +
+ tag" + /> +
+
+
+ t function without default
+{t('this_is_a_key')}
+
+
+
+ t function with params
+
+ {t('this_is_a_key_with_params', { key: 'value', key2: 'value2' })}
+
+
+
+
+ t function with noWrap
+{t('this_is_a_key', { noWrap: true })}
+
+
+
+ t function with default
+{t('this_key_does_not_exist', 'This is default')}
+
+
+
+ t function with props object
+
+ {t({
+ key: 'this_is_a_key',
+ params: { key: 'value', key2: 'value2' },
+ })}
+
+
+
+
+ t function with props object noWrap is true
+
+ {t({
+ key: 'this_is_a_key',
+ params: { key: 'value', key2: 'value2' },
+ noWrap: true,
+ })}
+
+
+
+ Translation in translation
+
+
+
+
+ {t('translation_inner', 'Translation')}
+
+ ),
+ }}
+ >
+ {'Translation in translation'}
+
+
+
+
+
+ ) : (
+