උසස් භාවිතය
දකුණු-තොරා සිට වමට භාෂා කළමනාකරණය කිරීම
TacoTranslate ඔබේ React යෙදුම්වල අරාබි සහ හීබ්රූ වැනි දකින ලිවීම වමෙන් දකුණට (RTL) යන භාෂා සදහා සහාය වීමට පහසුකම් සපයයි. RTL භාෂා නිවැරදි අයුරින් සැලකීම, දකින අය වමෙන් දකුණට කියැවෙන පරිශීලකයින් සඳහා ඔබගේ අන්තර්ගතය නිවැරදි ලෙස ප්රදර්ශනය වීමට සහතික කරයි.
import {useTacoTranslate} from 'tacotranslate/react';
function Document() {
const {locale, isRightToLeft} = useTacoTranslate();
return (
<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
<body>
// ...
</body>
</html>
);
}
ඔබට දැනට භාවිතා වන භාෂාව React වලින් පිටවී පරීක්ෂා කිරීමට ලබා දී ඇති isRightToLeftLocaleCode
ක්රියාකාරකමද භාවිතා කළ හැක.
import {isRightToLeftLocaleCode} from 'tacotranslate';
function foo(locale = 'es') {
const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
// ...
}
පරිවර්තනය අක්රීය කිරීම
ස्ट्रිං එකේ විශේෂ කොටස් සඳහා පරිවර්තනය අක්රිය කිරීමට හෝ කිසියම් කොටස් as-is ආකාරයෙන් තබා ගැනීමට, ඔබට ත්රිත්ව වර්ග කොටු භාවිතා කළ හැකිය. මෙම විශේෂාංගය නාම, තාක්ෂණික පද, හෝ පරිවර්තනය නොකෙරෙන වෙනත් ඕනෑම අන්තර්ගතයක මුල් ආකාරය පැවැත්වීමට ප්රයෝජනවත් වේ.
import {Translate} from 'tacotranslate/react';
function Component() {
return (
<Translate string="Hello, [[[TacoTranslate]]]!" />
);
}
මෙම උදාහරණයේ, " TacoTranslate " යන වදනය පරිවර්තනයේදී වෙනස් නොවනු ඇත.
බහුවිධ TacoTranslate සැපයුම්කරුවන්
අපි ඔබේ යෙදුමේ බහු TacoTranslate
සපයන්නන් භාවිතා කිරීම ශක්තිමත් ලෙස උත්තේජනය කරමු. මෙය ඔබේ පරිවර්තන සහ ස්ට්රින් ග්ලා විවිධ මූලාශ්රවලට, උදාහරණ ලෙස, ඔබගේ කොටුව, පාදක කොටස, හෝ විශේෂ කොටස් වැනිව ව්යුස්ථා කිරීම සඳහා සහය වේ.
ඔබට මෙහි එෆොරිජින් ව пайдалා ගැනීම ගැන වැඩිදුර කියවිය හැකිය.
TacoTranslate
සපයන්නෝ යම් ඕනෑම මවු සපයන්නෙකුගෙන් සැකසීම් උරුමකර ගනී, එනිසා ඔබට අනෙකුත් සැකසීම් නැවත සම්පාදනය කිරීම අවශ්ය නොවේ.
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>
);
}
මූලාශ්රය හෝ භාෂා ස්ථානය අධිකරණය කිරීම
බහු TacoTranslate
සපයන්නන් භාවිතා කිරීම අමතරව, ඔබට එක්වරම Translate
කොම්පෝනන්ට් සහ useTranslation
හුක් මට්ටම් වලදී දෝෂ මූලාශ්රය සහ භාෂා කේතය දෙකම අධිකාරියෙන් යටත් කළ හැකිය.
import {Translate, useTranslation} from 'tacotranslate/react';
function Greeting() {
const spanishHello = useTranslation('Hello!', {locale: 'es'});
return (
<>
{spanishHello}
<Translate string="What’s up?" origin="greeting" />
</>
);
}
පූරණය කළමනාකරණය කිරීම
පාරිභෝගික පාර්ශවයේ භාෂා මාරු කිරීමේදී, පරිවර්තන ලබා ගැනීම පරිශීලකයාගේ සම්බන්ධතාවය මත කිසිඳු සෙවීමක් ගතවිය හැක. මාරුවීම් අතර දර්ශනීය ප්රතිචාරයක් සැපයීම සඳහා ඔබට ලෝඩිං සංකේතයක් පෙන්විය හැක, එමඟින් පරිශීලක අත්දැකීම වර්ධනය කරයි.
import {useTacoTranslate} from 'tacotranslate/react';
function Component() {
const {isLoading} = useTacoTranslate();
return (
isLoading ? 'Translations are loading...' : null
);
}
බහුවචනීකරණය
බහුවචන වචන වින්යාසය හා ගණන මත පදනම් වූ ලේබල් නිවැරදිව පෙන්වීමට, විවිධ භාෂා වල මෙම ක්රමය හොඳම හැඳින්වීම ලෙස සැලකේ:
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)}}
/>
);
}
බහු භාෂා
එම අයෙකු සමඟ එකවර බහු භාෂා සහාය වීම සඳහා, ඔබට බහු TacoTranslate
සැපයුම්කරුවන් භාවිතා කළ හැක, පහත දැක්වෙන ආකාරයෙන් වෙනස් locale
අගයන් සමඟ:
ඔබට කොම්පොනන්තු හෝ හුක් මට්ටමේදී locale
ද_OVERRIDE_කිරීමටද හැකිය.
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>
);
}
පරිවර්තන අංක භාවිතය
ඔබට එකම සම්බන්ධතා සඳහා විවිධ පරිවර්තන හෝ අර්ථයන් සැලසීමට Translate
සංරචකයට id
එකක් එක් කළ හැකිය. මෙය විශේෂයෙන් ප්රයෝජනවත් වනවා එකම පාඨය වContext අනුව වෙනස් පරිවර්තන අවශ්ය වන විට. අනන්ය ID වලින් පවරා දීමෙන්, එම සම්බන්ධතාහි ඕනෑම අවස්ථාවක් නිවැරදිව එහි විශේෂ අර්ථයට අනුව පරිවර්තනය කර බව ඔබට සහතික කරයි.
import {Translate} from 'tacotranslate/react';
function Header() {
return (
<Translate id="header" string="Login" />
);
}
function Footer() {
return (
<Translate id="footer" string="Login" />
);
}
උදාහරණයක් ලෙස, header login යන්න ස්පාඤ්ඤ භාෂාවේ “Iniciar sesión” ලෙස පරිවර්තනය විය හැකි අතර, footer login යන්න “Acceder” ලෙස පරිවර්තනය විය හැක.