ሰነድ፡ የበለጠ አጠቃቀም

የበለጠ አጠቃቀም

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

ብዙ ቋንቋዎች

በተመሳሳይ ጊዜ ብዙ ቋንቋዎችን በአንድ መተግበሪያ ውስጥ ለመደገፍ፣ እንደ ታች የተገለፀውን ሁኔታ በመከተል በልዩ 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” በስፔንኛ።

ምርጥ ልምዶች