<T> bileşeni

İçeriğinizi çevirmek için <T> bileşenine sarın.

<T>This content will be translated</T>

Props

Değişkenler

Ad veya sayım gibi değişen değerleri v() 'de sarın:

import { T, v } from '@magic-translate/react';

<T>
  Hello {v(user.name)}, you have {v(count)} unread messages
</T>

Magic Translate, değerlerin etrafındaki metni bir kez Hello {0}, you have {1} unread messages olarak çevirir ve değerleri uygulamanıza geri koyar. Çeviri önbelleğe alınır ve her isim ve her sayı için çalışır ve değerlerin kendileri asla Magic Translate 'a gönderilmez.

Değerler göründükleri sıraya göre numaralandırılır. Çeviri, onları dilin ihtiyaç duyduğu yere taşıyabilir, örneğin {1} ungelesene Nachrichten für {0}.

v() ayrıca bir bağlantı gibi bir React bileşenini de tutabilir:

<T>
  Read our {v(<Link href="/terms">terms</Link>)} before you continue.
</T>

Bağlantı metni o zaman çevrilmez. Bunu da tercüme etmek için, kendi <T> 'sine koyun: v(<Link href="/terms"><T>terms</T></Link>).

v() olmadan, bir değer etrafındaki metinle birlikte çevrilir. Bu işe yarıyor, ancak her farklı değer, kullanımınıza önemli olan ayrı bir çeviridir.

Sınırlamalar

1. <T> bileşeninin içine, v() içerisinden başka React bileşenlerini koyamazsınız. Düz HTML öğeleri iyidir (aşağıdaki örneğe bakın).
2. <T> bileşeninin içindeki içerik, yaklaşık 5.000 karakter olan 10 KB'yi geçemez.

{/* this is OK, since <a> is a plain HTML element */}
<T>
  <a href="mailto:info@i42.ch">Please send us an email</a>
</T>

{/* this does NOT work, since <MyButton> is a React component */}
<T>
  <MyButton>Click me</MyButton>
</T>