የከፍተኛ ደረጃ አጠቃቀም
የቀኝ ወደ ግራ ቋንቋዎችን እንዴት እንደሚያስተካክሉ
TacoTranslate በሚሉት በሚከተሉት ቋንቋዎች በ React መተግበሪያዎችዎ ውስጥ እንዲደግፉ ቀላል ያደርጋል። የቀኝ ወደ ግራ (RTL) ቋንቋዎች ትክክለኛ እንዲስሩ መተግበሪያ ለእነዚህ አንባቢዎች ይዘቱ በትክክል እንዲታየው ያረጋግጣል።
import {useTacoTranslate} from 'tacotranslate/react';
function Document() {
const {locale, isRightToLeft} = useTacoTranslate();
return (
<html lang={locale} dir={isRightToLeft ? 'rtl' : 'ltr'}>
<body>
// ...
</body>
</html>
);
}
እንዲሁም የቀረበውን isRightToLeftLocaleCode
ተግባር ከ React ውጪ ያለውን የአሁኑን ቋንቋ ለማረጋገጥ መጠቀም ይችላሉ።
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>
);
}
ትርጉም መለያዎችን መጠቀም
በTranslate
ክፍል ላይ ለአንደኛው ስርዓት ልዩ ትርጉሞች ወይም ትርጉም ለማስተካከል አንደኛ የid
መጨመር ትችላለህ። ይህ በተለይም በአንደኛው ጽሑፍ በዓይነቱ ላይ በተለያዩ ሁኔታዎች ስለሚያስፈልጉ ትርጉሞች ጊዜ ጠቃሚ ነው። ብቻውን የሚለዩ መለያዎችን በመሰጥ ለእያንዳንዱ ትርጉም ያለው አስፈላጊ ትርጉም ትክክለኛ ለማድረግ እርግጠኛ ነህ።
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” በእስፓንኛ ሊሆን ይችላል።