Amfani na ci gaba
Sarrafa harsuna masu rubutu daga dama zuwa hagu
TacoTranslate yana sauƙaƙa tallafawa harsuna masu rubutu daga dama zuwa hagu (RTL), kamar Larabci da Ibrananci, a cikin aikace-aikacen React ɗinku. Kyakkyawan sarrafa harsunan RTL yana tabbatar da cewa abun cikin ku ana nuna shi daidai ga masu amfani da ke karantawa daga dama zuwa hagu.
import {useTacoTranslate} from 'tacotranslate/react';
function Document() {
const {locale, isRightToLeft} = useTacoTranslate();
return (
<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
<body>
// ...
</body>
</html>
);
}
Hakanan za ka iya amfani da aikin isRightToLeftLocaleCode
da aka bayar don duba yaren yanzu a wajen React.
import {isRightToLeftLocaleCode} from 'tacotranslate';
function foo(locale = 'es') {
const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
// ...
}
Dakatar da fassara
Don hana fassara ga wasu sassa na rubutu ko don tabbatar da cewa wasu ɓangarori su kasance kamar yadda suke, za ku iya amfani da alamar murabba'i sau uku. Wannan fasalin yana da amfani wajen kiyaye tsarin asali na sunaye, maganganun fasaha, ko duk wani abun da bai kamata a fassara ba.
import {Translate} from 'tacotranslate/react';
function Component() {
return (
<Translate string="Hello, [[[TacoTranslate]]]!" />
);
}
A cikin wannan misali, kalmar “TacoTranslate” ba za a canza ta ba a cikin fassarar.
Masu samar da TacoTranslate da yawa
Muna ƙarfafa sosai yin amfani da masu ba da TacoTranslate
da yawa a cikin manhajar ku. Wannan yana da amfani wajen tsara fassarorin ku da matani zuwa mabambantan asali, kamar kanun shafi, ƙasan shafi, ko wasu sassa na musamman.
Kuna iya karanta ƙarin bayani anan game da yadda ake amfani da tushe.
Masu samar da TacoTranslate
suna gada saituna daga kowanne mai samarwa na uwar gida, don haka ba za ku sake maimaita wasu saituna ba.
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Header() {
return (
<TacoTranslate origin="header">
// ...
</TacoTranslate>
);
}
function Menu() {
return (
<TacoTranslate origin="menu">
// ...
</TacoTranslate>
);
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
<Header />
<Menu />
</TacoTranslate>
);
}
Musanya asali ko yanki
Bayan amfani da masu ba da sabis da yawa na TacoTranslate
, kuma za ka iya wuce gona da iri duka asali da yare a matakin kashi na Translate
da kuma na useTranslation
hook.
import {Translate, useTranslation} from 'tacotranslate/react';
function Greeting() {
const spanishHello = useTranslation('Hello!', {locale: 'es'});
return (
<>
{spanishHello}
<Translate string="What’s up?" origin="greeting" />
</>
);
}
Sarrafa lodawa
Lokacin da aka canza harshe a ɓangaren abokin ciniki, neman fassaruwa na iya ɗaukar 'yan lokuta gwargwadon haɗin intanet na mai amfani. Kuna iya nuna alamar loda don inganta ƙwarewar mai amfani ta hanyar ba da martani na gani yayin canjin.
import {useTacoTranslate} from 'tacotranslate/react';
function Component() {
const {isLoading} = useTacoTranslate();
return (
isLoading ? 'Translations are loading...' : null
);
}
Tsarin jam'i
Don sarrafa bambancin jam'i da kuma nuna lakabi bisa ga yawan ƙidaya daidai a cikin harsuna daban-daban, ana ɗaukar wannan a matsayin mafi kyawun aiki:
import {Translate, useLocale} from 'tacotranslate/react';
function PhotoCount() {
const locale = useLocale();
const count = 1;
return count === 0 ? (
<Translate string="You have no photos." />
) : count === 1 ? (
<Translate string="You have 1 photo." />
) : (
<Translate
string="You have {{count}} photos."
variables={{count: count.toLocaleString(locale)}}
/>
);
}
Harsuna da dama
Don tallafawa harsuna da yawa a lokaci guda a cikin wannan aikace-aikacen, za ku iya yin amfani da masu samar da TacoTranslate da yawa tare da daban-daban locale
ƙimomi kamar yadda aka nuna a ƙasa:
Kuna kuma iya sake saita locale
a matakin ɓangare ko hook.
import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';
const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});
function Spanish() {
return (
<TacoTranslate locale="es">
<Translate string="Hello, world in Spanish!" />
</TacoTranslate>
);
}
function Norwegian() {
return (
<TacoTranslate locale="no">
<Translate string="Hello, world in Norwegian!" />
</TacoTranslate>
);
}
export default function App() {
return (
<TacoTranslate client={tacoTranslateClient} origin="page" locale="es">
<Spanish />
<Norwegian />
</TacoTranslate>
);
}
Amfani da ID ɗin fassara
Kuna iya ƙara id
a cikin Translate
bangare don sarrafa fassaruwa ko ma'anonin daban-daban ga rubutu ɗaya. Wannan yana da amfani musamman lokacin da rubutu ɗaya ke buƙatar fassaruwa daban-daban gwargwadon mahallin. Ta hanyar ba da IDs na musamman, kuna tabbatar cewa kowace fitowar rubutun an fassara ta daidai gwargwadon takamaiman ma'anarta.
import {Translate} from 'tacotranslate/react';
function Header() {
return (
<Translate id="header" string="Login" />
);
}
function Footer() {
return (
<Translate id="footer" string="Login" />
);
}
Misali, ana iya fassara shiga na header zuwa “Iniciar sesión”, kuma ana iya fassara shiga na footer zuwa “Acceder” a Sifaniyanci.