Amfani na ci gaba
Magance harsunan daga hagu zuwa dama
TacoTranslate yana sauƙaƙa tallafawa harsunan 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 yana bayyana daidai ga masu amfani da suke 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>
);
}
Haka kuma za ka iya amfani da aikin isRightToLeftLocaleCode
da aka bayar don duba harshen da ake amfani da shi a waje na React.
import {isRightToLeftLocaleCode} from 'tacotranslate';
function foo(locale = 'es') {
const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
// ...
}
Kashe fassarar
Don kashe fassara ga wasu sassa na rubutu ko don tabbatar da cewa wasu bangarori suna kasancewa kamar yadda suke, za ka iya amfani da matsakaicin murabba'in baka na uku. Wannan fasalin yana da amfani wajen kiyaye ainihin kamannin sunaye, kalmomin fasaha, ko wani abu da bai kamata a fassara ba.
import {Translate} from 'tacotranslate/react';
function Component() {
return (
<Translate string="Hello, [[[TacoTranslate]]]!" />
);
}
A cikin wannan misalin, kalmar “TacoTranslate” za ta kasance ba a canza ta ba a cikin fassarar.
Masu ba da sabis na TacoTranslate da yawa
Muna ƙarfafa sosai amfani da masu samar da TacoTranslate
da yawa a cikin aikace-aikacenku. Wannan yana da amfani wajen tsara fassarar ku da igiyoyi cikin asali daban-daban, kamar sashin kai, ƙasan shafi, ko wasu takamaiman sassa.
Kuna iya karanta ƙarin bayani game da amfani da tushe anan.
Masu samar da TacoTranslate
suna gado saituna daga kowanne mai samarwa na uba, don haka ba za ku buƙaci 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>
);
}
Sake kafa asali ko yare
Baya ga amfani da masu samarwa da yawa na TacoTranslate
, za ka iya kuma sauya duka asalinsa da yaren da ake amfani da shi a matakan Translate
da 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 lodi
Lokacin canza harsuna a gefen abokin ciniki, ɗaukar fassarar na iya ɗaukar ƴan lokuta dangane da haɗin mai amfani. Kuna iya nuna alamar lodawa don inganta ƙwarewar mai amfani ta hanyar samar da amsa ta gani yayin canjin.
import {useTacoTranslate} from 'tacotranslate/react';
function Component() {
const {isLoading} = useTacoTranslate();
return (
isLoading ? 'Translations are loading...' : null
);
}
Rarraba jam'i
Don sarrafa jam'i da nuna alamu bisa ga adadi daidai a cikin yaruka daban-daban, wannan ana ɗauka a matsayin kyakkyawan aikin:
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 yawa
Don tallafawa harsuna da dama lokaci guda a cikin wannan manhaja, za ka iya amfani da masu ba da sabis na TacoTranslate] da dama tare da ƙimomin locale
daban-daban kamar yadda aka nuna a ƙasa:
Hakanan za ka iya sauya locale
a matakin bangare ko matakin 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
zuwa cikin Translate
don sarrafa fassara daban-daban ko ma’anoni daban-daban don wannan layin guda ɗaya. Wannan yana da amfani musamman lokacin da rubutu ɗaya yake buƙatar fassara daban-daban bisa ga mahallin. Ta hanyar sanya ID na musamman, kuna tabbatar da cewa kowanne misali na wannan layin ana fassara shi daidai gwargwadon ma’anarsa ta musamman.
import {Translate} from 'tacotranslate/react';
function Header() {
return (
<Translate id="header" string="Login" />
);
}
function Footer() {
return (
<Translate id="footer" string="Login" />
);
}
Alal misali, shiga saman shafi na iya fassara zuwa “Iniciar sesión”, kuma shiga ƙasan shafi na iya fassara zuwa “Acceder” a harshen Mutanen Espanya.