උසස් භාවිතය
දකුණු-බැඳුම්-වම භාෂා කළමනාකරණය කිරීම
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';
// ...
}
පරිවර්තනය අක්රිය කිරීම
ස්ට්රිං එකක නියම කොටස් සඳහා පරිවර්තනය අක්රිය කිරීමට හෝ විශේෂ කොටස් එලෙසම තිබෙන්න පිළිගැනීමට, ඔබට ත්රිගුණ ඉරේ නිරික්ෂේපක භාවිතා කළ හැකිය. මෙම විශේෂගුණය නම්, තාක්ෂණික පද, හෝ පරිවර්තනය නොකළ යුතු වෙනත් οπο内容ය ආදී මුල් ආකෘතිය රැක ගැනීමට ප්රයෝජනවත් වේ.
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)}}
/>
);
}
බහු භාෂා
එම දේශගුණවල වෙනස් locale
අගයන් සමඟ බහු TacoTranslate සැපයුම්කරුවන් භාවිත කරමින් එකම යෙදුම තුළ එකවර බහු භාෂා සහාය සපයා ගත හැක:
ඔබට 또한 locale
කොම්පොැනන්ට් හෝ හුක් මට්ටම තුළ අධික්ෂේපණය කළ හැකිය.
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>
);
}
පරිවර්තන ID භාවිතා කිරීම
එකම ස්ට්රිඟුව සඳහා වෙනස් පරිවර්තන හෝ අර්ථ භේද කළමනාකරණය කිරීමට, ඔබට Translate
කුටියට id
එකක් එක් කළ හැකිය. ඒකම පෙළ සන්දර්භයට අනුව වෙනස් පරිවර්තන අවශ්ය වන විට මෙය විශේෂයෙන් ප්රයෝජනවත් වේ. ඇස්සම අනන්ය IDs පවරා, ඔබට සෑම ස්ට්රිඟු ඇතුළත්කමක්ම එහි විශේෂ අර්ථය අනුව නිවැරදිව පරිවර්තනය වීම සොයා ගත හැක.
import {Translate} from 'tacotranslate/react';
function Header() {
return (
<Translate id="header" string="Login" />
);
}
function Footer() {
return (
<Translate id="footer" string="Login" />
);
}
උදාහරණයක් වශයෙන්, හිස කොටසේ පිවිසුම “Iniciar sesión” ලෙස පරිවර්තනය විය හැකි අතර, පාද කොටසේ පිවිසුම “Acceder” ලෙස ස්පාඤ්ඤ භාෂාවට පරිවර්තනය විය හැක.