ሰነድ: ከፍተኛ አጠቃቀም

የከፍተኛ አጠቃቀም

Amharic

ከቀኝ ወደ ግራ የሚጻፉ ቋንቋዎችን ማስተካከል

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>
	);
}

እንዲሁም የተሰጠውን isRightToLeftLocaleCode ፋንክሽን በመጠቀም የአሁኑን ቋንቋ ከReact ውጭ ማረጋገጥ ይችላሉ።

import {isRightToLeftLocaleCode} from 'tacotranslate';

function foo(locale = 'es') {
	const direction = isRightToLeftLocaleCode(locale) ? 'rtl' : 'ltr';
	// ...
}

ትርጉምን ማስቆም

የሐረጉን አንዳንድ ክፍሎች ትርጉም እንዳይደረግ ወይም አንዳንድ ክፍሎች እንደሆኑ እንዲጠበቁ ለማረጋገጥ የ "triple square brackets" መጠቀም ይቻላል። ይህ ስራ ስሞች፣ ቴክኒካዊ ቃላት ወይም ሌሎች የማይተረጉሙ ይዘቶችን በእውነተኛ ቅርጸ ቅርጽ ለማስቀመጥ ጠቃሚ ነው።

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 መቀየር ይችላሉ.

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 ኮምፖነንት ማክሰን ይችላሉ፤ ይህም አንደኛው ጽሑፍ በሁኔታ ላይ ትርጉም ሲለያይ ለተለያዩ ትርጉሞች መስጠት ይረዳል። ልዩ መለያዎችን በመስጠት እያንዳንዱ የጽሑፍ ክፍል በእሱ የተለየ ማለት መሠረት ትክክለኛ እንዲተረጉም ታረጋግጣሉ።

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” በስፓኒሽ።

ምርጥ ልምዶች