TacoTranslate
/
ሰነዶችዋጋ አሰራር
 
  1. መግቢያ
  2. መጀመር
  3. አሰናዳደር እና ቅንብሮች
  4. TacoTranslate እንዴት መጠቀም
  5. አገልጋይ ክፍል አቀማመጥ
  6. የከፍተኛ ደረጃ አጠቃቀም
  7. ተሻማሚ ልምዶች
  8. ስህተት አስተካክልና እንቆቅልሽ ማስተካከያ
  9. የደጋፊ ቋንቋዎች

የከፍተኛ ደረጃ አጠቃቀም

የቀኝ ወደ ግራ ቋንቋዎችን እንዴት እንደሚያስተካክሉ

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” በእስፓንኛ ሊሆን ይችላል።

ተሻማሚ ልምዶች

Nattskiftet የተዘጋጀ ምርትከኖርዌይ የተሰራ